色見本 (4月26日更新)
web製作に役立つコードを記載しています。
CMYKカラーモデル(シアン、マゼンタ、イエローの色の3原色と、ブラックの色調)をそれぞれ5%ずつ増やしたものを16進記数法で表記してあります。
RGBでは全ての色を表現できないため、以下の色見本には同一コードも混在しています。
 
 
C:0%-100% / M:0% / Y:0% / K:0%
#ffffff #f5fbfe #eaf6fd #dff2fc #d3edfb #c7e8fa #bae3f9
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#addef8 #9ed9f6 #8fd3f5 #7ecef4 #6ac8f2 #54c3f1 #37bef0
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#00b9ee #00b4ed #00afec #00abeb #00a7ea #00a3e9 #00a0e9
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0% / M:0%-100% / Y:0% / K:0%
#ffffff #fef7fa #fdeff5 #fbe6ef #fadce9 #f9d3e3 #f7c9dd
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#f6bfd7 #f4b4d0 #f3a9c9 #f19ec2 #ef92bb #ee87b3 #ec7aac
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#eb6da5 #e9609e #e85298 #e74291 #e62e8b #e50a84 #e4007f
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0% / M:0% / Y:0%-100% / K:0%
#ffffff #fffef7 #fffeee #fffde4 #fffcdb #fffcd1 #fffbc7
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#fffabc #fff9b0 #fff8a5 #fff799 #fff78c #fff67f #fff571
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#fff462 #fff352 #fff33f #fff226 #fff200 #fff100 #fff100
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0% / M:0% / Y:0% / K:0%-100%
#ffffff #f7f7f8 #efefef #e6e6e6 #dcdddd #d3d3d4 #c9caca
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#c9caca #b5b5b6 #aaabab #9f9fa0 #949495 #898989 #7d7d7d
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#727171 #666464 #595757 #4c4948 #3e3a39 #2f2725 #221815
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:5%
#f7f7f8 #eef3f7 #e3eff6 #d8eaf5 #cde6f4 #c1e1f3 #b5dcf2
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#a8d7f1 #9ad2ef #8bcdee #7ac8ed #67c2eb #52bdea #35b9e9
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#00b4e8 #00afe7 #00aae5 #00a6e5 #00a2e4 #009fe3 #009ce2
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:10%
#efefef #e5ebee #dbe7ed #d1e2ec #c6deeb #bad9ea #aed5e9
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#a2d0e8 #94cbe7 #86c6e6 #76c1e5 #64bce3 #4fb7e2 #33b2e1
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#00aee0 #00a9df #00a5de #00a1dd #009ddc #009adb #0097db
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:15%
#e6e6e6 #dde2e5 #d3dee4 #c9dae4 #bed6e3 #b3d1e2 #a8cde1
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#9cc8e0 #8fc4de #81bfdd #71badc #60b5db #4cb1da #31acd9
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#00a8d8 #00a3d7 #009fd6 #009bd5 #0098d4 #0095d4 #0092d3
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:20%
#dcdddd #d4d9dc #cad5db #c1d1da #b6cdd9 #acc9d9 #a1c5d8
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#95c0d7 #89bcd6 #7bb7d5 #6db3d4 #5caed2 #49aad1 #2fa6d0
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#00a1cf #009dcf #0099ce #0096cd #0092cc #008fcb #008dcb
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:25%
#d3d3d4 #cbd0d3 #c2ccd2 #b8c8d1 #afc4d0 #a4c0cf #9abcce
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#8fb8ce #83b4cc #76b0cc #68abcb #57a7ca #45a3c9 #2c9fc8
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#009bc7 #0097c6 #0093c5 #0090c5 #008dc4 #008ac3 #0087c3
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:30%
#c9caca #c1c6c9 #b9c3c8 #b0bfc8 #a6bbc7 #9db7c6 #93b4c5
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#88b0c4 #7dacc3 #70a8c2 #62a4c2 #53a0c1 #419cc0 #2998bf
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#2998bf #0090bd #008dbd #0089bc #0087bb #0084bb #0082ba
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:35%
#bfc0c0 #b8bcbf #afb9bf #a7b6be #9eb2bd #95afbc #8babbc
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#81a7bb #76a4ba #6aa0b9 #5d9cb8 #4e98b7 #3d94b7 #2591b6
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#008db5 #0089b4 #0086b4 #0083b3 #0080b3 #007eb2 #007cb2
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:40%
#b5b5b6 #aeb2b5 #a6afb4 #9eacb4 #96a9b3 #8da5b2 #84a2b2
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#7a9eb1 #709bb0 #6497af #5794af #4990ae #398dad #2189ad
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#0086ac #0082ab #007fab #007caa #007aaa #0077a9 #0075a9
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:45%
#aaabab #a3a8ab #9ca5aa #95a2a9 #8d9fa9 #849ca8 #7c98a7
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#7295a7 #6992a6 #5e8fa5 #528ba5 #4488a4 #3484a3 #1d81a3
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#007ea2 #007ba2 #0078a1 #0075a1 #0073a0 #0071a0 #006f9f
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:50%
#9f9fa0 #999d9f #929a9f #8b979e #83949e #7c929d #738f9d
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#6b8c9c #61899b #57859b #4c829a #3f7f9a #2f7c99 #187999
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#007698 #007398 #007197 #006e97 #006c96 #006996 #006896
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:55%
#949495 #8e9294 #888f94 #818d93 #7a8a93 #738792 #6b8492
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#638291 #5a7f91 #507c90 #45798f #39768f #2a738f #13718e
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#006e8e #006b8d #00688d #00668d #00648c #00628c #00608c
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:60%
#898989 #838689 #7d8488 #778288 #707f87 #697d87 #627a86
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#5b7886 #527585 #497285 #3f7085 #336d84 #246a84 #0d6883
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#006583 #006383 #006082 #005e82 #005c82 #005a82 #005982
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:65%
#7d7d7d #787b7d #73787c #6d767c #67747c #60727b #59707b
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#526d7a #4b6b7a #42687a #38667a #2d6379 #1e6179 #055f78
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#005c78 #005a78 #005878 #005678 #005477 #005277 #005177
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:70%
#727171 #6d6f71 #686d71 #636b70 #5d6970 #576770 #50656f
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#4a636f #42606f #3a5e6f #315c6e #265a6e #18586e #00566e
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#00536d #00516d #004f6d #004e6d #004c6d #004b6c #00496c
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:75%
#666464 #616364 #5d6164 #585f64 #535d64 #4d5b63 #475a63
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#415863 #3a5663 #325463 #2a5263 #1f5062 #104e62 #004c62
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#004a62 #004862 #004662 #004562 #004361 #004261 #004161
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:80%
#595757 #555657 #515457 #4d5357 #485157 #434f57 #3d4e57
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#384c57 #314b56 #2a4956 #224756 #174556 #074356 #004256
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#004056 #003e56 #003d56 #003b56 #003a56 #003956 #003856
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:85%
#4c4948 #484848 #454648 #414548 #3c4449 #384249 #334149
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#2d3f49 #273e49 #203c49 #183b49 #0b3949 #003849 #003649
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#003549 #003349 #003249 #003149 #002f49 #002e49 #002d49
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:90%
#3e3a39 #3b393a #38383a #34373a #30363a #2c353a #27333a
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#23323b #1d313b #162f3b #0d2e3b #002d3b #002c3c #002a3c
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#00293c #00283c #00273c #00263c #00253c #00243c #00233c
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:95%
#2f2725 #2c2625 #292526 #252427 #212327 #1d2228 #192128
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#142029 #0f1f29 #071e2a #011d2a #001c2a #001c2b #001b2b
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#001a2c #00192c #00182c #00172c #00162d #00152d #00152d
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0%-100% / M:0% / Y:0% / K:100%
#221815 #201716 #1d1617 #191617 #161518 #121419 #0d131a
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#07121b #01111c #00101c #00101d #000f1e #000e1e #000c1f
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#000a1f #000720 #000420 #000221 #000121 #000122 #000122
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0% / M:0%-100% / Y:0% / K:5%
#f7f7f8 #f6f0f3 #f5e8ee #f4dfe8 #f3d6e3 #f1ccdd #f0c3d7
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#eeb9d0 #edafca #eba4c3 #ea99bc #e88eb5 #e782ae #e576a7
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#e46aa0 #e35d9a #e24f93 #e03f8d #df2c87 #df0881 #dd007b
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
C:0% / M:0%-100% / Y:0% / K:5%
#000000 #000000 #000000 #000000 #000000 #000000 #000000
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#000000 #000000 #000000 #000000 #000000 #000000 #000000
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本
#000000 #000000 #000000 #000000 #000000 #000000 #000000
HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本 HTML色見本