|
|
|
色見本 （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色見本 |
|
|
|
|