ウェブサイトを作成するにあたり、HTML・CSSコードに色を設定することがありますが、よく使用する色の早見表として、このページを参考にしてください。
いろんなサイトを見ていて「あ、この色いいな」と思ったら、見本からコードを調べたりできます。
きっと、役に立ってくれるのではないでしょうか。
モノトーンカラー256色のカラーコードと色の見本
モノトーンカラーを示します。
色の濃さなどを参考にしてみてください。
モノトーンカラー | ||||||||
---|---|---|---|---|---|---|---|---|
#000000 | RGB(0 0 0) | #565656 | RGB(86 86 86) | #acacac | RGB(172 172 172) | |||
#010101 | RGB(1 1 1) | #575757 | RGB(87 87 87) | #adadad | RGB(173 173 173) | |||
#020202 | RGB(2 2 2) | #585858 | RGB(88 88 88) | #aeaeae | RGB(174 174 174) | |||
#030303 | RGB(3 3 3) | #595959 | RGB(89 89 89) | #afafaf | RGB(175 175 175) | |||
#040404 | RGB(4 4 4) | #5a5a5a | RGB(90 90 90) | #b0b0b0 | RGB(176 176 176) | |||
#050505 | RGB(5 5 5) | #5b5b5b | RGB(91 91 91) | #b1b1b1 | RGB(177 177 177) | |||
#060606 | RGB(6 6 6) | #5c5c5c | RGB(92 92 92) | #b2b2b2 | RGB(178 178 178) | |||
#070707 | RGB(7 7 7) | #5d5d5d | RGB(93 93 93) | #b3b3b3 | RGB(179 179 179) | |||
#080808 | RGB(8 8 8) | #5e5e5e | RGB(94 94 94) | #b4b4b4 | RGB(180 180 180) | |||
#090909 | RGB(9 9 9) | #5f5f5f | RGB(95 95 95) | #b5b5b5 | RGB(181 181 181) | |||
#0a0a0a | RGB(10 10 10) | #606060 | RGB(96 96 96) | #b6b6b6 | RGB(182 182 182) | |||
#0b0b0b | RGB(11 11 11) | #616161 | RGB(97 97 97) | #b7b7b7 | RGB(183 183 183) | |||
#0c0c0c | RGB(12 12 12) | #626262 | RGB(98 98 98) | #b8b8b8 | RGB(184 184 184) | |||
#0d0d0d | RGB(13 13 13) | #636363 | RGB(99 99 99) | #b9b9b9 | RGB(185 185 185) | |||
#0e0e0e | RGB(14 14 14) | #646464 | RGB(100 100 100) | #bababa | RGB(186 186 186) | |||
#0f0f0f | RGB(15 15 15) | #656565 | RGB(101 101 101) | #bbbbbb | RGB(187 187 187) | |||
#101010 | RGB(16 16 16) | #666666 | RGB(102 102 102) | #bcbcbc | RGB(188 188 188) | |||
#111111 | RGB(17 17 17) | #676767 | RGB(103 103 103) | #bdbdbd | RGB(189 189 189) | |||
#121212 | RGB(18 18 18) | #686868 | RGB(104 104 104) | #bebebe | RGB(190 190 190) | |||
#131313 | RGB(19 19 19) | #696969 | RGB(105 105 105) | #bfbfbf | RGB(191 191 191) | |||
#141414 | RGB(20 20 20) | #6a6a6a | RGB(106 106 106) | #c0c0c0 | RGB(192 192 192) | |||
#151515 | RGB(21 21 21) | #6b6b6b | RGB(107 107 107) | #c1c1c1 | RGB(193 193 193) | |||
#161616 | RGB(22 22 22) | #6c6c6c | RGB(108 108 108) | #c2c2c2 | RGB(194 194 194) | |||
#171717 | RGB(23 23 23) | #6d6d6d | RGB(109 109 109) | #c3c3c3 | RGB(195 195 195) | |||
#181818 | RGB(24 24 24) | #6e6e6e | RGB(110 110 110) | #c4c4c4 | RGB(196 196 196) | |||
#191919 | RGB(25 25 25) | #6f6f6f | RGB(111 111 111) | #c5c5c5 | RGB(197 197 197) | |||
#1a1a1a | RGB(26 26 26) | #707070 | RGB(112 112 112) | #c6c6c6 | RGB(198 198 198) | |||
#1b1b1b | RGB(27 27 27) | #717171 | RGB(113 113 113) | #c7c7c7 | RGB(199 199 199) | |||
#1c1c1c | RGB(28 28 28) | #727272 | RGB(114 114 114) | #c8c8c8 | RGB(200 200 200) | |||
#1d1d1d | RGB(29 29 29) | #737373 | RGB(115 115 115) | #c9c9c9 | RGB(201 201 201) | |||
#1e1e1e | RGB(30 30 30) | #747474 | RGB(116 116 116) | #cacaca | RGB(202 202 202) | |||
#1f1f1f | RGB(31 31 31) | #757575 | RGB(117 117 117) | #cbcbcb | RGB(203 203 203) | |||
#202020 | RGB(32 32 32) | #767676 | RGB(118 118 118) | #cccccc | RGB(204 204 204) | |||
#212121 | RGB(33 33 33) | #777777 | RGB(119 119 119) | #cdcdcd | RGB(205 205 205) | |||
#222222 | RGB(34 34 34) | #787878 | RGB(120 120 120) | #cecece | RGB(206 206 206) | |||
#232323 | RGB(35 35 35) | #797979 | RGB(121 121 121) | #cfcfcf | RGB(207 207 207) | |||
#242424 | RGB(36 36 36) | #7a7a7a | RGB(122 122 122) | #d0d0d0 | RGB(208 208 208) | |||
#252525 | RGB(37 37 37) | #7b7b7b | RGB(123 123 123) | #d1d1d1 | RGB(209 209 209) | |||
#262626 | RGB(38 38 38) | #7c7c7c | RGB(124 124 124) | #d2d2d2 | RGB(210 210 210) | |||
#272727 | RGB(39 39 39) | #7d7d7d | RGB(125 125 125) | #d3d3d3 | RGB(211 211 211) | |||
#282828 | RGB(40 40 40) | #7e7e7e | RGB(126 126 126) | #d4d4d4 | RGB(212 212 212) | |||
#292929 | RGB(41 41 41) | #7f7f7f | RGB(127 127 127) | #d5d5d5 | RGB(213 213 213) | |||
#2a2a2a | RGB(42 42 42) | #808080 | RGB(128 128 128) | #d6d6d6 | RGB(214 214 214) | |||
#2b2b2b | RGB(43 43 43) | #818181 | RGB(129 129 129) | #d7d7d7 | RGB(215 215 215) | |||
#2c2c2c | RGB(44 44 44) | #828282 | RGB(130 130 130) | #d8d8d8 | RGB(216 216 216) | |||
#2d2d2d | RGB(45 45 45) | #838383 | RGB(131 131 131) | #d9d9d9 | RGB(217 217 217) | |||
#2e2e2e | RGB(46 46 46) | #848484 | RGB(132 132 132) | #dadada | RGB(218 218 218) | |||
#2f2f2f | RGB(47 47 47) | #858585 | RGB(133 133 133) | #dbdbdb | RGB(219 219 219) | |||
#303030 | RGB(48 48 48) | #868686 | RGB(134 134 134) | #dcdcdc | RGB(220 220 220) | |||
#313131 | RGB(49 49 49) | #878787 | RGB(135 135 135) | #dddddd | RGB(221 221 221) | |||
#323232 | RGB(50 50 50) | #888888 | RGB(136 136 136) | #dedede | RGB(222 222 222) | |||
#333333 | RGB(51 51 51) | #898989 | RGB(137 137 137) | #dfdfdf | RGB(223 223 223) | |||
#343434 | RGB(52 52 52) | #8a8a8a | RGB(138 138 138) | #e0e0e0 | RGB(224 224 224) | |||
#353535 | RGB(53 53 53) | #8b8b8b | RGB(139 139 139) | #e1e1e1 | RGB(225 225 225) | |||
#363636 | RGB(54 54 54) | #8c8c8c | RGB(140 140 140) | #e2e2e2 | RGB(226 226 226) | |||
#373737 | RGB(55 55 55) | #8d8d8d | RGB(141 141 141) | #e3e3e3 | RGB(227 227 227) | |||
#383838 | RGB(56 56 56) | #8e8e8e | RGB(142 142 142) | #e4e4e4 | RGB(228 228 228) | |||
#393939 | RGB(57 57 57) | #8f8f8f | RGB(143 143 143) | #e5e5e5 | RGB(229 229 229) | |||
#3a3a3a | RGB(58 58 58) | #909090 | RGB(144 144 144) | #e6e6e6 | RGB(230 230 230) | |||
#3b3b3b | RGB(59 59 59) | #919191 | RGB(145 145 145) | #e7e7e7 | RGB(231 231 231) | |||
#3c3c3c | RGB(60 60 60) | #929292 | RGB(146 146 146) | #e8e8e8 | RGB(232 232 232) | |||
#3d3d3d | RGB(61 61 61) | #939393 | RGB(147 147 147) | #e9e9e9 | RGB(233 233 233) | |||
#3e3e3e | RGB(62 62 62) | #949494 | RGB(148 148 148) | #eaeaea | RGB(234 234 234) | |||
#3f3f3f | RGB(63 63 63) | #959595 | RGB(149 149 149) | #ebebeb | RGB(235 235 235) | |||
#404040 | RGB(64 64 64) | #969696 | RGB(150 150 150) | #ececec | RGB(236 236 236) | |||
#414141 | RGB(65 65 65) | #979797 | RGB(151 151 151) | #ededed | RGB(237 237 237) | |||
#424242 | RGB(66 66 66) | #989898 | RGB(152 152 152) | #eeeeee | RGB(238 238 238) | |||
#434343 | RGB(67 67 67) | #999999 | RGB(153 153 153) | #efefef | RGB(239 239 239) | |||
#444444 | RGB(68 68 68) | #9a9a9a | RGB(154 154 154) | #f0f0f0 | RGB(240 240 240) | |||
#454545 | RGB(69 69 69) | #9b9b9b | RGB(155 155 155) | #f1f1f1 | RGB(241 241 241) | |||
#464646 | RGB(70 70 70) | #9c9c9c | RGB(156 156 156) | #f2f2f2 | RGB(242 242 242) | |||
#474747 | RGB(71 71 71) | #9d9d9d | RGB(157 157 157) | #f3f3f3 | RGB(243 243 243) | |||
#484848 | RGB(72 72 72) | #9e9e9e | RGB(158 158 158) | #f4f4f4 | RGB(244 244 244) | |||
#494949 | RGB(73 73 73) | #9f9f9f | RGB(159 159 159) | #f5f5f5 | RGB(245 245 245) | |||
#4a4a4a | RGB(74 74 74) | #a0a0a0 | RGB(160 160 160) | #f6f6f6 | RGB(246 246 246) | |||
#4b4b4b | RGB(75 75 75) | #a1a1a1 | RGB(161 161 161) | #f7f7f7 | RGB(247 247 247) | |||
#4c4c4c | RGB(76 76 76) | #a2a2a2 | RGB(162 162 162) | #f8f8f8 | RGB(248 248 248) | |||
#4d4d4d | RGB(77 77 77) | #a3a3a3 | RGB(163 163 163) | #f9f9f9 | RGB(249 249 249) | |||
#4e4e4e | RGB(78 78 78) | #a4a4a4 | RGB(164 164 164) | #fafafa | RGB(250 250 250) | |||
#4f4f4f | RGB(79 79 79) | #a5a5a5 | RGB(165 165 165) | #fbfbfb | RGB(251 251 251) | |||
#505050 | RGB(80 80 80) | #a6a6a6 | RGB(166 166 166) | #fcfcfc | RGB(252 252 252) | |||
#515151 | RGB(81 81 81) | #a7a7a7 | RGB(167 167 167) | #fdfdfd | RGB(253 253 253) | |||
#525252 | RGB(82 82 82) | #a8a8a8 | RGB(168 168 168) | #fefefe | RGB(254 254 254) | |||
#535353 | RGB(83 83 83) | #a9a9a9 | RGB(169 169 169) | #ffffff | RGB(255 255 255) | |||
#545454 | RGB(84 84 84) | #aaaaaa | RGB(170 170 170) | – | – | – | ||
#555555 | RGB(85 85 85) | #ababab | RGB(171 171 171) | – | – | – |
セーフカラー216色のカラーコードと色の見本
セーフカラーとは、8ビットカラー256色のうち、OSによって異なる40色を除いた216色をいいます。
異なる環境でも、ほぼ同じ色が再現されます。
セーフカラー | 反転色 | 補色 | ||||||
---|---|---|---|---|---|---|---|---|
#000000 | RGB(0 0 0) | #ffffff | RGB(255 255 255) | – | – | – | ||
#000033 | RGB(0 0 51) | #ffffcc | RGB(255 255 204) | #333300 | RGB(51 51 0) | |||
#000066 | RGB(0 0 102) | #ffff99 | RGB(255 255 153) | #666600 | RGB(102 102 0) | |||
#000099 | RGB(0 0 153) | #ffff66 | RGB(255 255 102) | #999900 | RGB(153 153 0) | |||
#0000cc | RGB(0 0 204) | #ffff33 | RGB(255 255 51) | #cccc00 | RGB(204 204 0) | |||
#0000ff | RGB(0 0 255) | #ffff00 | RGB(255 255 0) | #ffff00 | RGB(255 255 0) | |||
#003300 | RGB(0 51 0) | #ffccff | RGB(255 204 255) | #330033 | RGB(51 0 51) | |||
#003333 | RGB(0 51 51) | #ffcccc | RGB(255 204 204) | #330000 | RGB(51 0 0) | |||
#003366 | RGB(0 51 102) | #ffcc99 | RGB(255 204 153) | #663300 | RGB(102 51 0) | |||
#003399 | RGB(0 51 153) | #ffcc66 | RGB(255 204 102) | #996600 | RGB(153 102 0) | |||
#0033cc | RGB(0 51 204) | #ffcc33 | RGB(255 204 51) | #cc9900 | RGB(204 153 0) | |||
#0033ff | RGB(0 51 255) | #ffcc00 | RGB(255 204 0) | #ffcc00 | RGB(255 204 0) | |||
#006600 | RGB(0 102 0) | #ff99ff | RGB(255 153 255) | #660066 | RGB(102 0 102) | |||
#006633 | RGB(0 102 51) | #ff99cc | RGB(255 153 204) | #660033 | RGB(102 0 51) | |||
#006666 | RGB(0 102 102) | #ff9999 | RGB(255 153 153) | #660000 | RGB(102 0 0) | |||
#006699 | RGB(0 102 153) | #ff9966 | RGB(255 153 102) | #993300 | RGB(153 51 0) | |||
#0066cc | RGB(0 102 204) | #ff9933 | RGB(255 153 51) | #cc6600 | RGB(204 102 0) | |||
#0066ff | RGB(0 102 255) | #ff9900 | RGB(255 153 0) | #ff9900 | RGB(255 153 0) | |||
#009900 | RGB(0 153 0) | #ff66ff | RGB(255 102 255) | #990099 | RGB(153 0 153) | |||
#009933 | RGB(0 153 51) | #ff66cc | RGB(255 102 204) | #990066 | RGB(153 0 102) | |||
#009966 | RGB(0 153 102) | #ff6699 | RGB(255 102 153) | #990033 | RGB(153 0 51) | |||
#009999 | RGB(0 153 153) | #ff6666 | RGB(255 102 102) | #990000 | RGB(153 0 0) | |||
#0099cc | RGB(0 153 204) | #ff6633 | RGB(255 102 51) | #cc3300 | RGB(204 51 0) | |||
#0099ff | RGB(0 153 255) | #ff6600 | RGB(255 102 0) | #ff6600 | RGB(255 102 0) | |||
#00cc00 | RGB(0 204 0) | #ff33ff | RGB(255 51 255) | #cc00cc | RGB(204 0 204) | |||
#00cc33 | RGB(0 204 51) | #ff33cc | RGB(255 51 204) | #cc0099 | RGB(204 0 153) | |||
#00cc66 | RGB(0 204 102) | #ff3399 | RGB(255 51 153) | #cc0066 | RGB(204 0 102) | |||
#00cc99 | RGB(0 204 153) | #ff3366 | RGB(255 51 102) | #cc0033 | RGB(204 0 51) | |||
#00cccc | RGB(0 204 204) | #ff3333 | RGB(255 51 51) | #cc0000 | RGB(204 0 0) | |||
#00ccff | RGB(0 204 255) | #ff3300 | RGB(255 51 0) | #ff3300 | RGB(255 51 0) | |||
#00ff00 | RGB(0 255 0) | #ff00ff | RGB(255 0 255) | #ff00ff | RGB(255 0 255) | |||
#00ff33 | RGB(0 255 51) | #ff00cc | RGB(255 0 204) | #ff00cc | RGB(255 0 204) | |||
#00ff66 | RGB(0 255 102) | #ff0099 | RGB(255 0 153) | #ff0099 | RGB(255 0 153) | |||
#00ff99 | RGB(0 255 153) | #ff0066 | RGB(255 0 102) | #ff0066 | RGB(255 0 102) | |||
#00ffcc | RGB(0 255 204) | #ff0033 | RGB(255 0 51) | #ff0033 | RGB(255 0 51) | |||
#00ffff | RGB(0 255 255) | #ff0000 | RGB(255 0 0) | #ff0000 | RGB(255 0 0) | |||
#330000 | RGB(51 0 0) | #ccffff | RGB(204 255 255) | #003333 | RGB(0 51 51) | |||
#330033 | RGB(51 0 51) | #ccffcc | RGB(204 255 204) | #003300 | RGB(0 51 0) | |||
#330066 | RGB(51 0 102) | #ccff99 | RGB(204 255 153) | #336600 | RGB(51 102 0) | |||
#330099 | RGB(51 0 153) | #ccff66 | RGB(204 255 102) | #669900 | RGB(102 153 0) | |||
#3300cc | RGB(51 0 204) | #ccff33 | RGB(204 255 51) | #99cc00 | RGB(153 204 0) | |||
#3300ff | RGB(51 0 255) | #ccff00 | RGB(204 255 0) | #ccff00 | RGB(204 255 0) | |||
#333300 | RGB(51 51 0) | #ccccff | RGB(204 204 255) | #000033 | RGB(0 0 51) | |||
#333333 | RGB(51 51 51) | #cccccc | RGB(204 204 204) | – | – | – | ||
#333366 | RGB(51 51 102) | #cccc99 | RGB(204 204 153) | #666633 | RGB(102 102 51) | |||
#333399 | RGB(51 51 153) | #cccc66 | RGB(204 204 102) | #999933 | RGB(153 153 51) | |||
#3333cc | RGB(51 51 204) | #cccc33 | RGB(204 204 51) | #cccc33 | RGB(204 204 51) | |||
#3333ff | RGB(51 51 255) | #cccc00 | RGB(204 204 0) | #ffff33 | RGB(255 255 51) | |||
#336600 | RGB(51 102 0) | #cc99ff | RGB(204 153 255) | #330066 | RGB(51 0 102) | |||
#336633 | RGB(51 102 51) | #cc99cc | RGB(204 153 204) | #663366 | RGB(102 51 102) | |||
#336666 | RGB(51 102 102) | #cc9999 | RGB(204 153 153) | #663333 | RGB(102 51 51) | |||
#336699 | RGB(51 102 153) | #cc9966 | RGB(204 153 102) | #996633 | RGB(153 102 51) | |||
#3366cc | RGB(51 102 204) | #cc9933 | RGB(204 153 51) | #cc9933 | RGB(204 153 51) | |||
#3366ff | RGB(51 102 255) | #cc9900 | RGB(204 153 0) | #ffcc33 | RGB(255 204 51) | |||
#339900 | RGB(51 153 0) | #cc66ff | RGB(204 102 255) | #660099 | RGB(102 0 153) | |||
#339933 | RGB(51 153 51) | #cc66cc | RGB(204 102 204) | #993399 | RGB(153 51 153) | |||
#339966 | RGB(51 153 102) | #cc6699 | RGB(204 102 153) | #993366 | RGB(153 51 102) | |||
#339999 | RGB(51 153 153) | #cc6666 | RGB(204 102 102) | #993333 | RGB(153 51 51) | |||
#3399cc | RGB(51 153 204) | #cc6633 | RGB(204 102 51) | #cc6633 | RGB(204 102 51) | |||
#3399ff | RGB(51 153 255) | #cc6600 | RGB(204 102 0) | #ff9933 | RGB(255 153 51) | |||
#33cc00 | RGB(51 204 0) | #cc33ff | RGB(204 51 255) | #9900cc | RGB(153 0 204) | |||
#33cc33 | RGB(51 204 51) | #cc33cc | RGB(204 51 204) | #cc33cc | RGB(204 51 204) | |||
#33cc66 | RGB(51 204 102) | #cc3399 | RGB(204 51 153) | #cc3399 | RGB(204 51 153) | |||
#33cc99 | RGB(51 204 153) | #cc3366 | RGB(204 51 102) | #cc3366 | RGB(204 51 102) | |||
#33cccc | RGB(51 204 204) | #cc3333 | RGB(204 51 51) | #cc3333 | RGB(204 51 51) | |||
#33ccff | RGB(51 204 255) | #cc3300 | RGB(204 51 0) | #ff6633 | RGB(255 102 51) | |||
#33ff00 | RGB(51 255 0) | #cc00ff | RGB(204 0 255) | #cc00ff | RGB(204 0 255) | |||
#33ff33 | RGB(51 255 51) | #cc00cc | RGB(204 0 204) | #ff33ff | RGB(255 51 255) | |||
#33ff66 | RGB(51 255 102) | #cc0099 | RGB(204 0 153) | #ff33cc | RGB(255 51 204) | |||
#33ff99 | RGB(51 255 153) | #cc0066 | RGB(204 0 102) | #ff3399 | RGB(255 51 153) | |||
#33ffcc | RGB(51 255 204) | #cc0033 | RGB(204 0 51) | #ff3366 | RGB(255 51 102) | |||
#33ffff | RGB(51 255 255) | #cc0000 | RGB(204 0 0) | #ff3333 | RGB(255 51 51) | |||
#660000 | RGB(102 0 0) | #99ffff | RGB(153 255 255) | #006666 | RGB(0 102 102) | |||
#660033 | RGB(102 0 51) | #99ffcc | RGB(153 255 204) | #006633 | RGB(0 102 51) | |||
#660066 | RGB(102 0 102) | #99ff99 | RGB(153 255 153) | #006600 | RGB(0 102 0) | |||
#660099 | RGB(102 0 153) | #99ff66 | RGB(153 255 102) | #339900 | RGB(51 153 0) | |||
#6600cc | RGB(102 0 204) | #99ff33 | RGB(153 255 51) | #66cc00 | RGB(102 204 0) | |||
#6600ff | RGB(102 0 255) | #99ff00 | RGB(153 255 0) | #99ff00 | RGB(153 255 0) | |||
#663300 | RGB(102 51 0) | #99ccff | RGB(153 204 255) | #003366 | RGB(0 51 102) | |||
#663333 | RGB(102 51 51) | #99cccc | RGB(153 204 204) | #336666 | RGB(51 102 102) | |||
#663366 | RGB(102 51 102) | #99cc99 | RGB(153 204 153) | #336633 | RGB(51 102 51) | |||
#663399 | RGB(102 51 153) | #99cc66 | RGB(153 204 102) | #669933 | RGB(102 153 51) | |||
#6633cc | RGB(102 51 204) | #99cc33 | RGB(153 204 51) | #99cc33 | RGB(153 204 51) | |||
#6633ff | RGB(102 51 255) | #99cc00 | RGB(153 204 0) | #ccff33 | RGB(204 255 51) | |||
#666600 | RGB(102 102 0) | #9999ff | RGB(153 153 255) | #000066 | RGB(0 0 102) | |||
#666633 | RGB(102 102 51) | #9999cc | RGB(153 153 204) | #333366 | RGB(51 51 102) | |||
#666666 | RGB(102 102 102) | #999999 | RGB(153 153 153) | – | – | – | ||
#666699 | RGB(102 102 153) | #999966 | RGB(153 153 102) | #999966 | RGB(153 153 102) | |||
#6666cc | RGB(102 102 204) | #999933 | RGB(153 153 51) | #cccc66 | RGB(204 204 102) | |||
#6666ff | RGB(102 102 255) | #999900 | RGB(153 153 0) | #ffff66 | RGB(255 255 102) | |||
#669900 | RGB(102 153 0) | #9966ff | RGB(153 102 255) | #330099 | RGB(51 0 153) | |||
#669933 | RGB(102 153 51) | #9966cc | RGB(153 102 204) | #663399 | RGB(102 51 153) | |||
#669966 | RGB(102 153 102) | #996699 | RGB(153 102 153) | #996699 | RGB(153 102 153) | |||
#669999 | RGB(102 153 153) | #996666 | RGB(153 102 102) | #996666 | RGB(153 102 102) | |||
#6699cc | RGB(102 153 204) | #996633 | RGB(153 102 51) | #cc9966 | RGB(204 153 102) | |||
#6699ff | RGB(102 153 255) | #996600 | RGB(153 102 0) | #ffcc66 | RGB(255 204 102) | |||
#66cc00 | RGB(102 204 0) | #9933ff | RGB(153 51 255) | #6600cc | RGB(102 0 204) | |||
#66cc33 | RGB(102 204 51) | #9933cc | RGB(153 51 204) | #9933cc | RGB(153 51 204) | |||
#66cc66 | RGB(102 204 102) | #993399 | RGB(153 51 153) | #cc66cc | RGB(204 102 204) | |||
#66cc99 | RGB(102 204 153) | #993366 | RGB(153 51 102) | #cc6699 | RGB(204 102 153) | |||
#66cccc | RGB(102 204 204) | #993333 | RGB(153 51 51) | #cc6666 | RGB(204 102 102) | |||
#66ccff | RGB(102 204 255) | #993300 | RGB(153 51 0) | #ff9966 | RGB(255 153 102) | |||
#66ff00 | RGB(102 255 0) | #9900ff | RGB(153 0 255) | #9900ff | RGB(153 0 255) | |||
#66ff33 | RGB(102 255 51) | #9900cc | RGB(153 0 204) | #cc33ff | RGB(204 51 255) | |||
#66ff66 | RGB(102 255 102) | #990099 | RGB(153 0 153) | #ff66ff | RGB(255 102 255) | |||
#66ff99 | RGB(102 255 153) | #990066 | RGB(153 0 102) | #ff66cc | RGB(255 102 204) | |||
#66ffcc | RGB(102 255 204) | #990033 | RGB(153 0 51) | #ff6699 | RGB(255 102 153) | |||
#66ffff | RGB(102 255 255) | #990000 | RGB(153 0 0) | #ff6666 | RGB(255 102 102) | |||
#990000 | RGB(153 0 0) | #66ffff | RGB(102 255 255) | #009999 | RGB(0 153 153) | |||
#990033 | RGB(153 0 51) | #66ffcc | RGB(102 255 204) | #009966 | RGB(0 153 102) | |||
#990066 | RGB(153 0 102) | #66ff99 | RGB(102 255 153) | #009933 | RGB(0 153 51) | |||
#990099 | RGB(153 0 153) | #66ff66 | RGB(102 255 102) | #009900 | RGB(0 153 0) | |||
#9900cc | RGB(153 0 204) | #66ff33 | RGB(102 255 51) | #33cc00 | RGB(51 204 0) | |||
#9900ff | RGB(153 0 255) | #66ff00 | RGB(102 255 0) | #66ff00 | RGB(102 255 0) | |||
#993300 | RGB(153 51 0) | #66ccff | RGB(102 204 255) | #006699 | RGB(0 102 153) | |||
#993333 | RGB(153 51 51) | #66cccc | RGB(102 204 204) | #339999 | RGB(51 153 153) | |||
#993366 | RGB(153 51 102) | #66cc99 | RGB(102 204 153) | #339966 | RGB(51 153 102) | |||
#993399 | RGB(153 51 153) | #66cc66 | RGB(102 204 102) | #339933 | RGB(51 153 51) | |||
#9933cc | RGB(153 51 204) | #66cc33 | RGB(102 204 51) | #66cc33 | RGB(102 204 51) | |||
#9933ff | RGB(153 51 255) | #66cc00 | RGB(102 204 0) | #99ff33 | RGB(153 255 51) | |||
#996600 | RGB(153 102 0) | #6699ff | RGB(102 153 255) | #003399 | RGB(0 51 153) | |||
#996633 | RGB(153 102 51) | #6699cc | RGB(102 153 204) | #336699 | RGB(51 102 153) | |||
#996666 | RGB(153 102 102) | #669999 | RGB(102 153 153) | #669999 | RGB(102 153 153) | |||
#996699 | RGB(153 102 153) | #669966 | RGB(102 153 102) | #669966 | RGB(102 153 102) | |||
#9966cc | RGB(153 102 204) | #669933 | RGB(102 153 51) | #99cc66 | RGB(153 204 102) | |||
#9966ff | RGB(153 102 255) | #669900 | RGB(102 153 0) | #ccff66 | RGB(204 255 102) | |||
#999900 | RGB(153 153 0) | #6666ff | RGB(102 102 255) | #000099 | RGB(0 0 153) | |||
#999933 | RGB(153 153 51) | #6666cc | RGB(102 102 204) | #333399 | RGB(51 51 153) | |||
#999966 | RGB(153 153 102) | #666699 | RGB(102 102 153) | #666699 | RGB(102 102 153) | |||
#999999 | RGB(153 153 153) | #666666 | RGB(102 102 102) | – | – | – | ||
#9999cc | RGB(153 153 204) | #666633 | RGB(102 102 51) | #cccc99 | RGB(204 204 153) | |||
#9999ff | RGB(153 153 255) | #666600 | RGB(102 102 0) | #ffff99 | RGB(255 255 153) | |||
#99cc00 | RGB(153 204 0) | #6633ff | RGB(102 51 255) | #3300cc | RGB(51 0 204) | |||
#99cc33 | RGB(153 204 51) | #6633cc | RGB(102 51 204) | #6633cc | RGB(102 51 204) | |||
#99cc66 | RGB(153 204 102) | #663399 | RGB(102 51 153) | #9966cc | RGB(153 102 204) | |||
#99cc99 | RGB(153 204 153) | #663366 | RGB(102 51 102) | #cc99cc | RGB(204 153 204) | |||
#99cccc | RGB(153 204 204) | #663333 | RGB(102 51 51) | #cc9999 | RGB(204 153 153) | |||
#99ccff | RGB(153 204 255) | #663300 | RGB(102 51 0) | #ffcc99 | RGB(255 204 153) | |||
#99ff00 | RGB(153 255 0) | #6600ff | RGB(102 0 255) | #6600ff | RGB(102 0 255) | |||
#99ff33 | RGB(153 255 51) | #6600cc | RGB(102 0 204) | #9933ff | RGB(153 51 255) | |||
#99ff66 | RGB(153 255 102) | #660099 | RGB(102 0 153) | #cc66ff | RGB(204 102 255) | |||
#99ff99 | RGB(153 255 153) | #660066 | RGB(102 0 102) | #ff99ff | RGB(255 153 255) | |||
#99ffcc | RGB(153 255 204) | #660033 | RGB(102 0 51) | #ff99cc | RGB(255 153 204) | |||
#99ffff | RGB(153 255 255) | #660000 | RGB(102 0 0) | #ff9999 | RGB(255 153 153) | |||
#cc0000 | RGB(204 0 0) | #33ffff | RGB(51 255 255) | #00cccc | RGB(0 204 204) | |||
#cc0033 | RGB(204 0 51) | #33ffcc | RGB(51 255 204) | #00cc99 | RGB(0 204 153) | |||
#cc0066 | RGB(204 0 102) | #33ff99 | RGB(51 255 153) | #00cc66 | RGB(0 204 102) | |||
#cc0099 | RGB(204 0 153) | #33ff66 | RGB(51 255 102) | #00cc33 | RGB(0 204 51) | |||
#cc00cc | RGB(204 0 204) | #33ff33 | RGB(51 255 51) | #00cc00 | RGB(0 204 0) | |||
#cc00ff | RGB(204 0 255) | #33ff00 | RGB(51 255 0) | #33ff00 | RGB(51 255 0) | |||
#cc3300 | RGB(204 51 0) | #33ccff | RGB(51 204 255) | #0099cc | RGB(0 153 204) | |||
#cc3333 | RGB(204 51 51) | #33cccc | RGB(51 204 204) | #33cccc | RGB(51 204 204) | |||
#cc3366 | RGB(204 51 102) | #33cc99 | RGB(51 204 153) | #33cc99 | RGB(51 204 153) | |||
#cc3399 | RGB(204 51 153) | #33cc66 | RGB(51 204 102) | #33cc66 | RGB(51 204 102) | |||
#cc33cc | RGB(204 51 204) | #33cc33 | RGB(51 204 51) | #33cc33 | RGB(51 204 51) | |||
#cc33ff | RGB(204 51 255) | #33cc00 | RGB(51 204 0) | #66ff33 | RGB(102 255 51) | |||
#cc6600 | RGB(204 102 0) | #3399ff | RGB(51 153 255) | #0066cc | RGB(0 102 204) | |||
#cc6633 | RGB(204 102 51) | #3399cc | RGB(51 153 204) | #3399cc | RGB(51 153 204) | |||
#cc6666 | RGB(204 102 102) | #339999 | RGB(51 153 153) | #66cccc | RGB(102 204 204) | |||
#cc6699 | RGB(204 102 153) | #339966 | RGB(51 153 102) | #66cc99 | RGB(102 204 153) | |||
#cc66cc | RGB(204 102 204) | #339933 | RGB(51 153 51) | #66cc66 | RGB(102 204 102) | |||
#cc66ff | RGB(204 102 255) | #339900 | RGB(51 153 0) | #99ff66 | RGB(153 255 102) | |||
#cc9900 | RGB(204 153 0) | #3366ff | RGB(51 102 255) | #0033cc | RGB(0 51 204) | |||
#cc9933 | RGB(204 153 51) | #3366cc | RGB(51 102 204) | #3366cc | RGB(51 102 204) | |||
#cc9966 | RGB(204 153 102) | #336699 | RGB(51 102 153) | #6699cc | RGB(102 153 204) | |||
#cc9999 | RGB(204 153 153) | #336666 | RGB(51 102 102) | #99cccc | RGB(153 204 204) | |||
#cc99cc | RGB(204 153 204) | #336633 | RGB(51 102 51) | #99cc99 | RGB(153 204 153) | |||
#cc99ff | RGB(204 153 255) | #336600 | RGB(51 102 0) | #ccff99 | RGB(204 255 153) | |||
#cccc00 | RGB(204 204 0) | #3333ff | RGB(51 51 255) | #0000cc | RGB(0 0 204) | |||
#cccc33 | RGB(204 204 51) | #3333cc | RGB(51 51 204) | #3333cc | RGB(51 51 204) | |||
#cccc66 | RGB(204 204 102) | #333399 | RGB(51 51 153) | #6666cc | RGB(102 102 204) | |||
#cccc99 | RGB(204 204 153) | #333366 | RGB(51 51 102) | #9999cc | RGB(153 153 204) | |||
#cccccc | RGB(204 204 204) | #333333 | RGB(51 51 51) | – | – | – | ||
#ccccff | RGB(204 204 255) | #333300 | RGB(51 51 0) | #ffffcc | RGB(255 255 204) | |||
#ccff00 | RGB(204 255 0) | #3300ff | RGB(51 0 255) | #3300ff | RGB(51 0 255) | |||
#ccff33 | RGB(204 255 51) | #3300cc | RGB(51 0 204) | #6633ff | RGB(102 51 255) | |||
#ccff66 | RGB(204 255 102) | #330099 | RGB(51 0 153) | #9966ff | RGB(153 102 255) | |||
#ccff99 | RGB(204 255 153) | #330066 | RGB(51 0 102) | #cc99ff | RGB(204 153 255) | |||
#ccffcc | RGB(204 255 204) | #330033 | RGB(51 0 51) | #ffccff | RGB(255 204 255) | |||
#ccffff | RGB(204 255 255) | #330000 | RGB(51 0 0) | #ffcccc | RGB(255 204 204) | |||
#ff0000 | RGB(255 0 0) | #00ffff | RGB(0 255 255) | #00ffff | RGB(0 255 255) | |||
#ff0033 | RGB(255 0 51) | #00ffcc | RGB(0 255 204) | #00ffcc | RGB(0 255 204) | |||
#ff0066 | RGB(255 0 102) | #00ff99 | RGB(0 255 153) | #00ff99 | RGB(0 255 153) | |||
#ff0099 | RGB(255 0 153) | #00ff66 | RGB(0 255 102) | #00ff66 | RGB(0 255 102) | |||
#ff00cc | RGB(255 0 204) | #00ff33 | RGB(0 255 51) | #00ff33 | RGB(0 255 51) | |||
#ff00ff | RGB(255 0 255) | #00ff00 | RGB(0 255 0) | #00ff00 | RGB(0 255 0) | |||
#ff3300 | RGB(255 51 0) | #00ccff | RGB(0 204 255) | #00ccff | RGB(0 204 255) | |||
#ff3333 | RGB(255 51 51) | #00cccc | RGB(0 204 204) | #33ffff | RGB(51 255 255) | |||
#ff3366 | RGB(255 51 102) | #00cc99 | RGB(0 204 153) | #33ffcc | RGB(51 255 204) | |||
#ff3399 | RGB(255 51 153) | #00cc66 | RGB(0 204 102) | #33ff99 | RGB(51 255 153) | |||
#ff33cc | RGB(255 51 204) | #00cc33 | RGB(0 204 51) | #33ff66 | RGB(51 255 102) | |||
#ff33ff | RGB(255 51 255) | #00cc00 | RGB(0 204 0) | #33ff33 | RGB(51 255 51) | |||
#ff6600 | RGB(255 102 0) | #0099ff | RGB(0 153 255) | #0099ff | RGB(0 153 255) | |||
#ff6633 | RGB(255 102 51) | #0099cc | RGB(0 153 204) | #33ccff | RGB(51 204 255) | |||
#ff6666 | RGB(255 102 102) | #009999 | RGB(0 153 153) | #66ffff | RGB(102 255 255) | |||
#ff6699 | RGB(255 102 153) | #009966 | RGB(0 153 102) | #66ffcc | RGB(102 255 204) | |||
#ff66cc | RGB(255 102 204) | #009933 | RGB(0 153 51) | #66ff99 | RGB(102 255 153) | |||
#ff66ff | RGB(255 102 255) | #009900 | RGB(0 153 0) | #66ff66 | RGB(102 255 102) | |||
#ff9900 | RGB(255 153 0) | #0066ff | RGB(0 102 255) | #0066ff | RGB(0 102 255) | |||
#ff9933 | RGB(255 153 51) | #0066cc | RGB(0 102 204) | #3399ff | RGB(51 153 255) | |||
#ff9966 | RGB(255 153 102) | #006699 | RGB(0 102 153) | #66ccff | RGB(102 204 255) | |||
#ff9999 | RGB(255 153 153) | #006666 | RGB(0 102 102) | #99ffff | RGB(153 255 255) | |||
#ff99cc | RGB(255 153 204) | #006633 | RGB(0 102 51) | #99ffcc | RGB(153 255 204) | |||
#ff99ff | RGB(255 153 255) | #006600 | RGB(0 102 0) | #99ff99 | RGB(153 255 153) | |||
#ffcc00 | RGB(255 204 0) | #0033ff | RGB(0 51 255) | #0033ff | RGB(0 51 255) | |||
#ffcc33 | RGB(255 204 51) | #0033cc | RGB(0 51 204) | #3366ff | RGB(51 102 255) | |||
#ffcc66 | RGB(255 204 102) | #003399 | RGB(0 51 153) | #6699ff | RGB(102 153 255) | |||
#ffcc99 | RGB(255 204 153) | #003366 | RGB(0 51 102) | #99ccff | RGB(153 204 255) | |||
#ffcccc | RGB(255 204 204) | #003333 | RGB(0 51 51) | #ccffff | RGB(204 255 255) | |||
#ffccff | RGB(255 204 255) | #003300 | RGB(0 51 0) | #ccffcc | RGB(204 255 204) | |||
#ffff00 | RGB(255 255 0) | #0000ff | RGB(0 0 255) | #0000ff | RGB(0 0 255) | |||
#ffff33 | RGB(255 255 51) | #0000cc | RGB(0 0 204) | #3333ff | RGB(51 51 255) | |||
#ffff66 | RGB(255 255 102) | #000099 | RGB(0 0 153) | #6666ff | RGB(102 102 255) | |||
#ffff99 | RGB(255 255 153) | #000066 | RGB(0 0 102) | #9999ff | RGB(153 153 255) | |||
#ffffcc | RGB(255 255 204) | #000033 | RGB(0 0 51) | #ccccff | RGB(204 204 255) | |||
#ffffff | RGB(255 255 255) | #000000 | RGB(0 0 0) | – | – | – |
カラーネーム138色のカラーコードと色の見本
カラーネームでもウェブの色指定をできますが、色や環境により正しく表示されないことがあります。
カラーネームのうち17色(W)はW3Cで定義されています。
カラーネーム | 反転色 | 補色 | |||||||
---|---|---|---|---|---|---|---|---|---|
aliceblue | #f0f8ff | RGB(240 248 255) | #0f0700 | RGB(15 7 0) | #fff7f0 | RGB(255 247 240) | |||
antiquewhite | #faebd7 | RGB(250 235 215) | #051428 | RGB(5 20 40) | #d7e6fa | RGB(215 230 250) | |||
aqua / cyan (W) | #00ffff | RGB(0 255 255) | #ff0000 | RGB(255 0 0) | #ff0000 | RGB(255 0 0) | |||
aquamarine | #7fffd4 | RGB(127 255 212) | #80002b | RGB(128 0 43) | #ff7faa | RGB(255 127 170) | |||
azure | #f0ffff | RGB(240 255 255) | #0f0000 | RGB(15 0 0) | #fff0f0 | RGB(255 240 240) | |||
beige | #f5f5dc | RGB(245 245 220) | #0a0a23 | RGB(10 10 35) | #dcdcf5 | RGB(220 220 245) | |||
bisque | #ffe4c4 | RGB(255 228 196) | #001b3b | RGB(0 27 59) | #c4dfff | RGB(196 223 255) | |||
black (W) | #000000 | RGB(0 0 0) | #ffffff | RGB(255 255 255) | |||||
blanchedalmond | #ffebcd | RGB(255 235 205) | #001432 | RGB(0 20 50) | #cde1ff | RGB(205 225 255) | |||
blue (W) | #0000ff | RGB(0 0 255) | #ffff00 | RGB(255 255 0) | #ffff00 | RGB(255 255 0) | |||
blueviolet | #8a2be2 | RGB(138 43 226) | #75d41d | RGB(117 212 29) | #83e22b | RGB(131 226 43) | |||
brown | #a52a2a | RGB(165 42 42) | #5ad5d5 | RGB(90 213 213) | #2aa5a5 | RGB(42 165 165) | |||
burlywood | #deb887 | RGB(222 184 135) | #214778 | RGB(33 71 120) | #87adde | RGB(135 173 222) | |||
cadetblue | #5f9ea0 | RGB(95 158 160) | #a0615f | RGB(160 97 95) | #a0615f | RGB(160 97 95) | |||
chartreuse | #7fff00 | RGB(127 255 0) | #8000ff | RGB(128 0 255) | #8000ff | RGB(128 0 255) | |||
chocolate | #d2691e | RGB(210 105 30) | #2d96e1 | RGB(45 150 225) | #1e87d2 | RGB(30 135 210) | |||
coral | #ff7f50 | RGB(255 127 80) | #0080af | RGB(0 128 175) | #50d0ff | RGB(80 208 255) | |||
cornflowerblue | #6495ed | RGB(100 149 237) | #9b6a12 | RGB(155 106 18) | #edbc64 | RGB(237 188 100) | |||
cornsilk | #fff8dc | RGB(255 248 220) | #000723 | RGB(0 7 35) | #dce3ff | RGB(220 227 255) | |||
crimson | #dc143c | RGB(220 20 60) | #23ebc3 | RGB(35 235 195) | #14dcb4 | RGB(20 220 180) | |||
darkblue | #00008b | RGB(0 0 139) | #ffff74 | RGB(255 255 116) | #8b8b00 | RGB(139 139 0) | |||
darkcyan | #008b8b | RGB(0 139 139) | #ff7474 | RGB(255 116 116) | #8b0000 | RGB(139 0 0) | |||
darkgoldenrod | #b8860b | RGB(184 134 11) | #4779f4 | RGB(71 121 244) | #0b3db8 | RGB(11 61 184) | |||
darkgray | #a9a9a9 | RGB(169 169 169) | #565656 | RGB(86 86 86) | #a9a9a9 | RGB(169 169 169) | |||
darkgreen | #006400 | RGB(0 100 0) | #ff9bff | RGB(255 155 255) | #640064 | RGB(100 0 100) | |||
darkkhaki | #bdb76b | RGB(189 183 107) | #424894 | RGB(66 72 148) | #6b71bd | RGB(107 113 189) | |||
darkmagenta | #8b008b | RGB(139 0 139) | #74ff74 | RGB(116 255 116) | #008b00 | RGB(0 139 0) | |||
darkolivegreen | #556b2f | RGB(85 107 47) | #aa94d0 | RGB(170 148 208) | #452f6b | RGB(69 47 107) | |||
darkorange | #ff8c00 | RGB(255 140 0) | #0073ff | RGB(0 115 255) | #0073ff | RGB(0 115 255) | |||
darkorchid | #9932cc | RGB(153 50 204) | #66cd33 | RGB(102 205 51) | #65cc32 | RGB(101 204 50) | |||
darkred | #8b0000 | RGB(139 0 0) | #74ffff | RGB(116 255 255) | #008b8b | RGB(0 139 139) | |||
darksalmon | #e9967a | RGB(233 150 122) | #166985 | RGB(22 105 133) | #7acde9 | RGB(122 205 233) | |||
darkseagreen | #8fbc8f | RGB(143 188 143) | #704370 | RGB(112 67 112) | #bc8fbc | RGB(188 143 188) | |||
darkslateblue | #483d8b | RGB(72 61 139) | #b7c274 | RGB(183 194 116) | #808b3d | RGB(128 139 61) | |||
darkslategray | #2f4f4f | RGB(47 79 79) | #d0b0b0 | RGB(208 176 176) | #4f2f2f | RGB(79 47 47) | |||
darkturquoise | #00ced1 | RGB(0 206 209) | #ff312e | RGB(255 49 46) | #d10300 | RGB(209 3 0) | |||
darkviolet | #9400d3 | RGB(148 0 211) | #6bff2c | RGB(107 255 44) | #3fd300 | RGB(63 211 0) | |||
deeppink | #ff1493 | RGB(255 20 147) | #00eb6c | RGB(0 235 108) | #14ff80 | RGB(20 255 128) | |||
deepskyblue | #00bfff | RGB(0 191 255) | #ff4000 | RGB(255 64 0) | #ff4000 | RGB(255 64 0) | |||
dimgray | #696969 | RGB(105 105 105) | #969696 | RGB(150 150 150) | #696969 | RGB(105 105 105) | |||
dodgerblue | #1e90ff | RGB(30 144 255) | #e16f00 | RGB(225 111 0) | #ff8d1e | RGB(255 141 30) | |||
firebrick | #b22222 | RGB(178 34 34) | #4ddddd | RGB(77 221 221) | #22b2b2 | RGB(34 178 178) | |||
floralwhite | #fffaf0 | RGB(255 250 240) | #00050f | RGB(0 5 15) | #f0f5ff | RGB(240 245 255) | |||
forestgreen | #228b22 | RGB(34 139 34) | #dd74dd | RGB(221 116 221) | #8b228b | RGB(139 34 139) | |||
fuchsia / magenta (W) | #ff00ff | RGB(255 0 255) | #00ff00 | RGB(0 255 0) | #00ff00 | RGB(0 255 0) | |||
gainsboro | #dcdcdc | RGB(220 220 220) | #232323 | RGB(35 35 35) | #dcdcdc | RGB(220 220 220) | |||
ghostwhite | #f8f8ff | RGB(248 248 255) | #070700 | RGB(7 7 0) | #fffff8 | RGB(255 255 248) | |||
gold | #ffd700 | RGB(255 215 0) | #0028ff | RGB(0 40 255) | #0028ff | RGB(0 40 255) | |||
goldenrod | #daa520 | RGB(218 165 32) | #255adf | RGB(37 90 223) | #2055da | RGB(32 85 218) | |||
gray (W) | #808080 | RGB(128 128 128) | #7f7f7f | RGB(127 127 127) | #808080 | RGB(128 128 128) | |||
green (W) | #008000 | RGB(0 128 0) | #ff7fff | RGB(255 127 255) | #800080 | RGB(128 0 128) | |||
greenyellow | #adff2f | RGB(173 255 47) | #5200d0 | RGB(82 0 208) | #812fff | RGB(129 47 255) | |||
honeydew | #f0fff0 | RGB(240 255 240) | #0f000f | RGB(15 0 15) | #fff0ff | RGB(255 240 255) | |||
hotpink | #ff69b4 | RGB(255 105 180) | #00964b | RGB(0 150 75) | #69ffb4 | RGB(105 255 180) | |||
indianred | #cd5c5c | RGB(205 92 92) | #32a3a3 | RGB(50 163 163) | #5ccdcd | RGB(92 205 205) | |||
indigo | #4b0082 | RGB(75 0 130) | #b4ff7d | RGB(180 255 125) | #378200 | RGB(55 130 0) | |||
ivory | #fffff0 | RGB(255 255 240) | #00000f | RGB(0 0 15) | #f0f0ff | RGB(240 240 255) | |||
khaki | #f0e68c | RGB(240 230 140) | #0f1973 | RGB(15 25 115) | #8c96f0 | RGB(140 150 240) | |||
lavender | #e6e6fa | RGB(230 230 250) | #191905 | RGB(25 25 5) | #fafae6 | RGB(250 250 230) | |||
lavenderblush | #fff0f5 | RGB(255 240 245) | #000f0a | RGB(0 15 10) | #f0fffa | RGB(240 255 250) | |||
lawngreen | #7cfc00 | RGB(124 252 0) | #8303ff | RGB(131 3 255) | #8000fc | RGB(128 0 252) | |||
lemonchiffon | #fffacd | RGB(255 250 205) | #000532 | RGB(0 5 50) | #cdd2ff | RGB(205 210 255) | |||
lightblue | #add8e6 | RGB(173 216 230) | #522719 | RGB(82 39 25) | #e6bbad | RGB(230 187 173) | |||
lightcoral | #f08080 | RGB(240 128 128) | #0f7f7f | RGB(15 127 127) | #80f0f0 | RGB(128 240 240) | |||
lightcyan | #e0ffff | RGB(224 255 255) | #1f0000 | RGB(31 0 0) | #ffe0e0 | RGB(255 224 224) | |||
lightgoldenrodyellow | #fafad2 | RGB(250 250 210) | #05052d | RGB(5 5 45) | #d2d2fa | RGB(210 210 250) | |||
lightgray | #d3d3d3 | RGB(211 211 211) | #2c2c2c | RGB(44 44 44) | #d3d3d3 | RGB(211 211 211) | |||
lightgreen | #90ee90 | RGB(144 238 144) | #6f116f | RGB(111 17 111) | #ee90ee | RGB(238 144 238) | |||
lightpink | #ffb6c1 | RGB(255 182 193) | #00493e | RGB(0 73 62) | #b6fff4 | RGB(182 255 244) | |||
lightsalmon | #ffa07a | RGB(255 160 122) | #005f85 | RGB(0 95 133) | #7ad9ff | RGB(122 217 255) | |||
lightseagreen | #20b2aa | RGB(32 178 170) | #df4d55 | RGB(223 77 85) | #b22028 | RGB(178 32 40) | |||
lightskyblue | #87cefa | RGB(135 206 250) | #783105 | RGB(120 49 5) | #fab387 | RGB(250 179 135) | |||
lightslategray | #778899 | RGB(119 136 153) | #887766 | RGB(136 119 102) | #998877 | RGB(153 136 119) | |||
lightsteelblue | #b0c4de | RGB(176 196 222) | #4f3b21 | RGB(79 59 33) | #decab0 | RGB(222 202 176) | |||
lightyellow | #ffffe0 | RGB(255 255 224) | #00001f | RGB(0 0 31) | #e0e0ff | RGB(224 224 255) | |||
lime (W) | #00ff00 | RGB(0 255 0) | #ff00ff | RGB(255 0 255) | #ff00ff | RGB(255 0 255) | |||
limegreen | #32cd32 | RGB(50 205 50) | #cd32cd | RGB(205 50 205) | #cd32cd | RGB(205 50 205) | |||
linen | #faf0e6 | RGB(250 240 230) | #050f19 | RGB(5 15 25) | #e6f0fa | RGB(230 240 250) | |||
maroon (W) | #800000 | RGB(128 0 0) | #7fffff | RGB(127 255 255) | #008080 | RGB(0 128 128) | |||
mediumaquamarine | #66cdaa | RGB(102 205 170) | #993255 | RGB(153 50 85) | #cd6689 | RGB(205 102 137) | |||
mediumblue | #0000cd | RGB(0 0 205) | #ffff32 | RGB(255 255 50) | #cdcd00 | RGB(205 205 0) | |||
mediumorchid | #ba55d3 | RGB(186 85 211) | #45aa2c | RGB(69 170 44) | #6ed355 | RGB(110 211 85) | |||
mediumpurple | #9370db | RGB(147 112 219) | #6c8f24 | RGB(108 143 36) | #b8db70 | RGB(184 219 112) | |||
mediumseagreen | #3cb371 | RGB(60 179 113) | #c34c8e | RGB(195 76 142) | #b33c7e | RGB(179 60 126) | |||
mediumslateblue | #7b68ee | RGB(123 104 238) | #849711 | RGB(132 151 17) | #dbee68 | RGB(219 238 104) | |||
mediumspringgreen | #00fa9a | RGB(0 250 154) | #ff0565 | RGB(255 5 101) | #fa0060 | RGB(250 0 96) | |||
mediumturquoise | #48d1cc | RGB(72 209 204) | #b72e33 | RGB(183 46 51) | #d1484d | RGB(209 72 77) | |||
mediumvioletred | #c71585 | RGB(199 21 133) | #38ea7a | RGB(56 234 122) | #15c757 | RGB(21 199 87) | |||
midnightblue | #191970 | RGB(25 25 112) | #e6e68f | RGB(230 230 143) | #707019 | RGB(112 112 25) | |||
mintcream | #f5fffa | RGB(245 255 250) | #0a0005 | RGB(10 0 5) | #fff5fa | RGB(255 245 250) | |||
mistyrose | #ffe4e1 | RGB(255 228 225) | #001b1e | RGB(0 27 30) | #e1fcff | RGB(225 252 255) | |||
moccasin | #ffe4b5 | RGB(255 228 181) | #001b4a | RGB(0 27 74) | #b5d0ff | RGB(181 208 255) | |||
navajowhite | #ffdead | RGB(255 222 173) | #002152 | RGB(0 33 82) | #adceff | RGB(173 206 255) | |||
navy (W) | #000080 | RGB(0 0 128) | #ffff7f | RGB(255 255 127) | #808000 | RGB(128 128 0) | |||
oldlace | #fdf5e6 | RGB(253 245 230) | #020a19 | RGB(2 10 25) | #e6eefd | RGB(230 238 253) | |||
olive (W) | #808000 | RGB(128 128 0) | #7f7fff | RGB(127 127 255) | #000080 | RGB(0 0 128) | |||
olivedrab | #6b8e23 | RGB(107 142 35) | #9471dc | RGB(148 113 220) | #46238e | RGB(70 35 142) | |||
orange (W) | #ffa500 | RGB(255 165 0) | #005aff | RGB(0 90 255) | #005aff | RGB(0 90 255) | |||
orangered | #ff4500 | RGB(255 69 0) | #00baff | RGB(0 186 255) | #00baff | RGB(0 186 255) | |||
orchid | #da70d6 | RGB(218 112 214) | #258f29 | RGB(37 143 41) | #70da74 | RGB(112 218 116) | |||
palegoldenrod | #eee8aa | RGB(238 232 170) | #111755 | RGB(17 23 85) | #aab0ee | RGB(170 176 238) | |||
palegreen | #98fb98 | RGB(152 251 152) | #670467 | RGB(103 4 103) | #fb98fb | RGB(251 152 251) | |||
paleturquoise | #afeeee | RGB(175 238 238) | #501111 | RGB(80 17 17) | #eeafaf | RGB(238 175 175) | |||
palevioletred | #db7093 | RGB(219 112 147) | #248f6c | RGB(36 143 108) | #70dbb8 | RGB(112 219 184) | |||
papayawhite | #ffefd5 | RGB(255 239 213) | #00102a | RGB(0 16 42) | #d5e5ff | RGB(213 229 255) | |||
peachpuff | #ffdab9 | RGB(255 218 185) | #002546 | RGB(0 37 70) | #b9deff | RGB(185 222 255) | |||
peru | #cd853f | RGB(205 133 63) | #327ac0 | RGB(50 122 192) | #3f87cd | RGB(63 135 205) | |||
pink | #ffc0cb | RGB(255 192 203) | #003f34 | RGB(0 63 52) | #c0fff4 | RGB(192 255 244) | |||
plum | #dda0dd | RGB(221 160 221) | #225f22 | RGB(34 95 34) | #a0dda0 | RGB(160 221 160) | |||
powderblue | #b0e0e6 | RGB(176 224 230) | #4f1f19 | RGB(79 31 25) | #e6b6b0 | RGB(230 182 176) | |||
purple (W) | #800080 | RGB(128 0 128) | #7fff7f | RGB(127 255 127) | #008000 | RGB(0 128 0) | |||
red (W) | #ff0000 | RGB(255 0 0) | #00ffff | RGB(0 255 255) | #00ffff | RGB(0 255 255) | |||
rosybrown | #bc8f8f | RGB(188 143 143) | #437070 | RGB(67 112 112) | #8fbcbc | RGB(143 188 188) | |||
royalblue | #4169e1 | RGB(65 105 225) | #be961e | RGB(190 150 30) | #e1b941 | RGB(225 185 65) | |||
saddlebrown | #8b4513 | RGB(139 69 19) | #74baec | RGB(116 186 236) | #13598b | RGB(19 89 139) | |||
salmon | #fa8072 | RGB(250 128 114) | #057f8d | RGB(5 127 141) | #72ecfa | RGB(114 236 250) | |||
sandybrown | #f4a460 | RGB(244 164 96) | #0b5b9f | RGB(11 91 159) | #60b0f4 | RGB(96 176 244) | |||
seagreen | #2e8b57 | RGB(46 139 87) | #d174a8 | RGB(209 116 168) | #8b2e62 | RGB(139 46 98) | |||
seashell | #fff5ee | RGB(255 245 238) | #000a11 | RGB(0 10 17) | #eef8ff | RGB(238 248 255) | |||
sienna | #a0522d | RGB(160 82 45) | #5fadd2 | RGB(95 173 210) | #2d7ba0 | RGB(45 123 160) | |||
silver (W) | #c0c0c0 | RGB(192 192 192) | #3f3f3f | RGB(63 63 63) | #c0c0c0 | RGB(192 192 192) | |||
skyblue | #87ceeb | RGB(135 206 235) | #783114 | RGB(120 49 20) | #eba487 | RGB(235 164 135) | |||
slateblue | #6a5acd | RGB(106 90 205) | #95a532 | RGB(149 165 50) | #bdcd5a | RGB(189 205 90) | |||
slategray | #708090 | RGB(112 128 144) | #8f7f6f | RGB(143 127 111) | #908070 | RGB(144 128 112) | |||
snow | #fffafa | RGB(255 250 250) | #000505 | RGB(0 5 5) | #faffff | RGB(250 255 255) | |||
springgreen | #00ff7f | RGB(0 255 127) | #ff0080 | RGB(255 0 128) | #ff0080 | RGB(255 0 128) | |||
steelblue | #4682b4 | RGB(70 130 180) | #b97d4b | RGB(185 125 75) | #b47846 | RGB(180 120 70) | |||
tan | #d2b48c | RGB(210 180 140) | #2d4b73 | RGB(45 75 115) | #8caad2 | RGB(140 170 210) | |||
teal (W) | #008080 | RGB(0 128 128) | #ff7f7f | RGB(255 127 127) | #800000 | RGB(128 0 0) | |||
thistle | #d8bfd8 | RGB(216 191 216) | #274027 | RGB(39 64 39) | #bfd8bf | RGB(191 216 191) | |||
tomato | #ff6347 | RGB(255 99 71) | #009cb8 | RGB(0 156 184) | #47e3ff | RGB(71 227 255) | |||
turquoise | #40e0d0 | RGB(64 224 208) | #bf1f2f | RGB(191 31 47) | #e04050 | RGB(224 64 80) | |||
violet | #ee82ee | RGB(238 130 238) | #117d11 | RGB(17 125 17) | #82ee82 | RGB(130 238 130) | |||
wheat | #f5deb3 | RGB(245 222 179) | #0a214c | RGB(10 33 76) | #b3caf5 | RGB(179 202 245) | |||
white (W) | #ffffff | RGB(255 255 255) | #000000 | RGB(0 0 0) | #ffffff | RGB(255 255 255) | |||
whitesmoke | #f5f5f5 | RGB(245 245 245) | #0a0a0a | RGB(10 10 10) | #f5f5f5 | RGB(245 245 245) | |||
yellow (W) | #ffff00 | RGB(255 255 0) | #0000ff | RGB(0 0 255) | #0000ff | RGB(0 0 255) | |||
yellowgreen | #9acd32 | RGB(154 205 50) | #6532cd | RGB(101 50 205) | #6532cd | RGB(101 50 205) |
英名慣用色119色のカラーコードと色の見本
英名慣用色は、JISで規格されていますが、ウェブサイトで色を指定する場合はカラーコードで使用してください。
英名慣用色 | 反転色 | 補色 | |||||||
---|---|---|---|---|---|---|---|---|---|
amber | #aa7a40 | RGB(170 122 64) | #5585bf | RGB(85 133 191) | #4070aa | RGB(64 112 170) | |||
apple green | #a2d29e | RGB(162 210 158) | #5d2d61 | RGB(93 45 97) | #ce9ed2 | RGB(206 158 210) | |||
apricot | #d89f6d | RGB(216 159 109) | #276092 | RGB(39 96 146) | #6da6d8 | RGB(109 166 216) | |||
ash gray | #8f8f8f | RGB(143 143 143) | #707070 | RGB(112 112 112) | #8f8f8f | RGB(143 143 143) | |||
baby blue | #a3bacd | RGB(163 186 205) | #5c4532 | RGB(92 69 50) | #cdb6a3 | RGB(205 182 163) | |||
baby pink | #fec6c5 | RGB(254 198 197) | #01393a | RGB(1 57 58) | #c5fdfe | RGB(197 253 254) | |||
beige | #bca78d | RGB(188 167 141) | #435872 | RGB(67 88 114) | #8da2bc | RGB(141 162 188) | |||
billiard green | #00483a | RGB(0 72 58) | #ffb7c5 | RGB(255 183 197) | #48000e | RGB(72 0 14) | |||
black / lamp black | #212121 | RGB(33 33 33) | #dedede | RGB(222 222 222) | #212121 | RGB(33 33 33) | |||
blond | #f6a57d | RGB(246 165 125) | #095a82 | RGB(9 90 130) | #7dcef6 | RGB(125 206 246) | |||
blue | #006fab | RGB(0 111 171) | #ff9054 | RGB(255 144 84) | #ab3c00 | RGB(171 60 0) | |||
bordeaux | #533638 | RGB(83 54 56) | #acc9c7 | RGB(172 201 199) | #365351 | RGB(54 83 81) | |||
bottle green | #204537 | RGB(32 69 55) | #dfbac8 | RGB(223 186 200) | #45202e | RGB(69 32 46) | |||
bronze | #7a592f | RGB(122 89 47) | #85a6d0 | RGB(133 166 208) | #2f507a | RGB(47 80 122) | |||
brown | #6d4c33 | RGB(109 76 51) | #92b3cc | RGB(146 179 204) | #33546d | RGB(51 84 109) | |||
buff | #c09567 | RGB(192 149 103) | #3f6a98 | RGB(63 106 152) | #6792c0 | RGB(103 146 192) | |||
burgundy | #442e31 | RGB(68 46 49) | #bbd1ce | RGB(187 209 206) | #2e4441 | RGB(46 68 65) | |||
burnt sienna | #a2553c | RGB(162 85 60) | #5daac3 | RGB(93 170 195) | #3c89a2 | RGB(60 137 162) | |||
burnt umber | #57462d | RGB(87 70 45) | #a8b9d2 | RGB(168 185 210) | #2d3e57 | RGB(45 62 87) | |||
canary yellow | #edd634 | RGB(237 214 52) | #1229cb | RGB(18 41 203) | #344bed | RGB(52 75 237) | |||
carmine | #be0039 | RGB(190 0 57) | #41ffc6 | RGB(65 255 198) | #00be85 | RGB(0 190 133) | |||
carrot orange | #c55431 | RGB(197 84 49) | #3aabce | RGB(58 171 206) | #31a2c5 | RGB(49 162 197) | |||
cerulean blue | #0073a2 | RGB(0 115 162) | #ff8c5d | RGB(255 140 93) | #a22f00 | RGB(162 47 0) | |||
charcoal gray | #4b474d | RGB(75 71 77) | #b4b8b2 | RGB(180 184 178) | #494d47 | RGB(73 77 71) | |||
chartreuse green | #c0d136 | RGB(192 209 54) | #3f2ec9 | RGB(63 46 201) | #4736d1 | RGB(71 54 209) | |||
cherry pink | #d35889 | RGB(211 88 137) | #2ca776 | RGB(44 167 118) | #58d3a2 | RGB(88 211 162) | |||
chinese red | #fd5a2a | RGB(253 90 42) | #02a5d5 | RGB(2 165 213) | #2acdfd | RGB(42 205 253) | |||
chocolate | #503830 | RGB(80 56 48) | #afc7cf | RGB(175 199 207) | #304850 | RGB(48 72 80) | |||
chrome yellow | #f6bf00 | RGB(246 191 0) | #0940ff | RGB(9 64 255) | #0037f6 | RGB(0 55 246) | |||
cobalt blue | #0062a0 | RGB(0 98 160) | #ff9d5f | RGB(255 157 95) | #a03e00 | RGB(160 62 0) | |||
cobalt green | #09c289 | RGB(9 194 137) | #f63d76 | RGB(246 61 118) | #c20942 | RGB(194 9 66) | |||
cochineal red | #ae2b52 | RGB(174 43 82) | #51d4ad | RGB(81 212 173) | #2bae87 | RGB(43 174 135) | |||
cocoa brown | #704b38 | RGB(112 75 56) | #8fb4c7 | RGB(143 180 199) | #385d70 | RGB(56 93 112) | |||
coral red | #ff7f8f | RGB(255 127 143) | #008070 | RGB(0 128 112) | #7fffef | RGB(127 255 239) | |||
cork | #9f7c5c | RGB(159 124 92) | #6083a3 | RGB(96 131 163) | #5c7f9f | RGB(92 127 159) | |||
cream yellow | #e4d3a2 | RGB(228 211 162) | #1b2c5d | RGB(27 44 93) | #a2b3e4 | RGB(162 179 228) | |||
cyan | #009cd1 | RGB(0 156 209) | #ff632e | RGB(255 99 46) | #d13500 | RGB(209 53 0) | |||
ecru beige | #f5cda6 | RGB(245 205 166) | #0a3259 | RGB(10 50 89) | #a6cef5 | RGB(166 206 245) | |||
emerald green | #00a474 | RGB(0 164 116) | #ff5b8b | RGB(255 91 139) | #a40030 | RGB(164 0 48) | |||
forest green | #2a7762 | RGB(42 119 98) | #d5889d | RGB(213 136 157) | #772a3f | RGB(119 42 63) | |||
gold | #ffd700 | RGB(255 215 0) | #0028ff | RGB(0 40 255) | #0028ff | RGB(0 40 255) | |||
golden yellow | #e89a3c | RGB(232 154 60) | #1765c3 | RGB(23 101 195) | #3c8ae8 | RGB(60 138 232) | |||
grass green | #737c3e | RGB(115 124 62) | #8c83c1 | RGB(140 131 193) | #473e7c | RGB(71 62 124) | |||
gray | #767676 | RGB(118 118 118) | #898989 | RGB(137 137 137) | #767676 | RGB(118 118 118) | |||
green | #009a57 | RGB(0 154 87) | #ff65a8 | RGB(255 101 168) | #9a0043 | RGB(154 0 67) | |||
heliotrope | #8865b2 | RGB(136 101 178) | #779a4d | RGB(119 154 77) | #8fb265 | RGB(143 178 101) | |||
horizon blue | #87afc5 | RGB(135 175 197) | #78503a | RGB(120 80 58) | #c59d87 | RGB(197 157 135) | |||
hyacinth | #6e82ad | RGB(110 130 173) | #917d52 | RGB(145 125 82) | #ad996e | RGB(173 153 110) | |||
iron blue / prussian blue | #3a4861 | RGB(58 72 97) | #c5b79e | RGB(197 183 158) | #61533a | RGB(97 83 58) | |||
ivory | #ded2bf | RGB(222 210 191) | #212d40 | RGB(33 45 64) | #bfcbde | RGB(191 203 222) | |||
ivy green | #4c6733 | RGB(76 103 51) | #b398cc | RGB(179 152 204) | #4e3367 | RGB(78 51 103) | |||
jaune brillant / yellow | #f4d500 | RGB(244 213 0) | #0b2aff | RGB(11 42 255) | #001ff4 | RGB(0 31 244) | |||
khaki | #a36851 | RGB(163 104 81) | #5c97ae | RGB(92 151 174) | #518ca3 | RGB(81 140 163) | |||
lavender | #9a8a9f | RGB(154 138 159) | #657560 | RGB(101 117 96) | #8f9f8a | RGB(143 159 138) | |||
leaf green | #89983b | RGB(137 152 59) | #7667c4 | RGB(118 103 196) | #4a3b98 | RGB(74 59 152) | |||
leghorn | #dfc291 | RGB(223 194 145) | #203d6e | RGB(32 61 110) | #91aedf | RGB(145 174 223) | |||
lemon yellow | #d9ca00 | RGB(217 202 0) | #2635ff | RGB(38 53 255) | #000fd9 | RGB(0 15 217) | |||
lilac | #c29dc8 | RGB(194 157 200) | #3d6237 | RGB(61 98 55) | #a3c89d | RGB(163 200 157) | |||
magenta | #d13a84 | RGB(209 58 132) | #2ec57b | RGB(46 197 123) | #3ad187 | RGB(58 209 135) | |||
malachite green | #007e4e | RGB(0 126 78) | #ff81b1 | RGB(255 129 177) | #7e0030 | RGB(126 0 48) | |||
mandarin orange | #f09629 | RGB(240 150 41) | #0f69d6 | RGB(15 105 214) | #2983f0 | RGB(41 131 240) | |||
marigold | #ffa400 | RGB(255 164 0) | #005bff | RGB(0 91 255) | #005bff | RGB(0 91 255) | |||
marine blue | #00526b | RGB(0 82 107) | #ffad94 | RGB(255 173 148) | #6b1900 | RGB(107 25 0) | |||
maroon | #662b2c | RGB(102 43 44) | #99d4d3 | RGB(153 212 211) | #2b6665 | RGB(43 102 101) | |||
mauve | #855896 | RGB(133 88 150) | #7aa769 | RGB(122 167 105) | #699658 | RGB(105 150 88) | |||
midnight blue | #252a35 | RGB(37 42 53) | #dad5ca | RGB(218 213 202) | #353025 | RGB(53 48 37) | |||
mint green | #58ce91 | RGB(88 206 145) | #a7316e | RGB(167 49 110) | #ce5895 | RGB(206 88 149) | |||
nail pink | #efbaa8 | RGB(239 186 168) | #104557 | RGB(16 69 87) | #a8ddef | RGB(168 221 239) | |||
naples yellow | #eec063 | RGB(238 192 99) | #113f9c | RGB(17 63 156) | #6391ee | RGB(99 145 238) | |||
navy blue | #343d55 | RGB(52 61 85) | #cbc2aa | RGB(203 194 170) | #554c34 | RGB(85 76 52) | |||
nile blue | #3d8e95 | RGB(61 142 149) | #c2716a | RGB(194 113 106) | #95443d | RGB(149 68 61) | |||
old rose | #c67a85 | RGB(198 122 133) | #39857a | RGB(57 133 122) | #7ac6bb | RGB(122 198 187) | |||
olive | #5c5424 | RGB(92 84 36) | #a3abdb | RGB(163 171 219) | #242c5c | RGB(36 44 92) | |||
olive drab | #655f47 | RGB(101 95 71) | #9aa0b8 | RGB(154 160 184) | #474d65 | RGB(71 77 101) | |||
olive green | #575531 | RGB(87 85 49) | #a8aace | RGB(168 170 206) | #313357 | RGB(49 51 87) | |||
orange | #ef810f | RGB(239 129 15) | #107ef0 | RGB(16 126 240) | #0f7def | RGB(15 125 239) | |||
orchid | #c69cc5 | RGB(198 156 197) | #39633a | RGB(57 99 58) | #9cc69d | RGB(156 198 157) | |||
oriental blue | #304285 | RGB(48 66 133) | #cfbd7a | RGB(207 189 122) | #857330 | RGB(133 115 48) | |||
pansy | #433171 | RGB(67 49 113) | #bcce8e | RGB(188 206 142) | #5f7131 | RGB(95 113 49) | |||
peach | #e8bda5 | RGB(232 189 165) | #17425a | RGB(23 66 90) | #a5d0e8 | RGB(165 208 232) | |||
peacock blue | #006e7b | RGB(0 110 123) | #ff9184 | RGB(255 145 132) | #7b0d00 | RGB(123 13 0) | |||
peacock green | #007d7f | RGB(0 125 127) | #ff8280 | RGB(255 130 128) | #7f0200 | RGB(127 2 0) | |||
pearl gray | #aaaaaa | RGB(170 170 170) | #555555 | RGB(85 85 85) | #aaaaaa | RGB(170 170 170) | |||
pink | #ea9198 | RGB(234 145 152) | #156e67 | RGB(21 110 103) | #91eae3 | RGB(145 234 227) | |||
poppy red | #df334e | RGB(223 51 78) | #20ccb1 | RGB(32 204 177) | #33dfc4 | RGB(51 223 196) | |||
purple | #a757a8 | RGB(167 87 168) | #58a857 | RGB(88 168 87) | #58a857 | RGB(88 168 87) | |||
raw sienna | #b1632a | RGB(177 99 42) | #4e9cd5 | RGB(78 156 213) | #2a78b1 | RGB(42 120 177) | |||
raw umber | #765b1b | RGB(118 91 27) | #89a4e4 | RGB(137 164 228) | #1b3676 | RGB(27 54 118) | |||
red / tomato red | #df3447 | RGB(223 52 71) | #20cbb8 | RGB(32 203 184) | #34dfcc | RGB(52 223 204) | |||
rose | #db3561 | RGB(219 53 97) | #24ca9e | RGB(36 202 158) | #35dbaf | RGB(53 219 175) | |||
rose gray | #8c8080 | RGB(140 128 128) | #737f7f | RGB(115 127 127) | #808c8c | RGB(128 140 140) | |||
rose pink | #ee8ea0 | RGB(238 142 160) | #11715f | RGB(17 113 95) | #8eeedc | RGB(142 238 220) | |||
rose red | #ca4775 | RGB(202 71 117) | #35b88a | RGB(53 184 138) | #47ca9c | RGB(71 202 156) | |||
ruby red | #b90b50 | RGB(185 11 80) | #46f4af | RGB(70 244 175) | #0bb974 | RGB(11 185 116) | |||
salmon pink | #ff9e8c | RGB(255 158 140) | #006173 | RGB(0 97 115) | #8cedff | RGB(140 237 255) | |||
sax blue | #5a7993 | RGB(90 121 147) | #a5866c | RGB(165 134 108) | #93745a | RGB(147 116 90) | |||
scarlet | #de3838 | RGB(222 56 56) | #21c7c7 | RGB(33 199 199) | #38dede | RGB(56 222 222) | |||
sea green | #97b64d | RGB(151 182 77) | #6849b2 | RGB(104 73 178) | #6c4db6 | RGB(108 77 182) | |||
sepia | #483c2c | RGB(72 60 44) | #b7c3d3 | RGB(183 195 211) | #2c3848 | RGB(44 56 72) | |||
shell pink | #f9c9b9 | RGB(249 201 185) | #063646 | RGB(6 54 70) | #b9e9f9 | RGB(185 233 249) | |||
signal red | #ce2143 | RGB(206 33 67) | #31debc | RGB(49 222 188) | #21ceac | RGB(33 206 172) | |||
silver | #c0c0c0 | RGB(192 192 192) | #3f3f3f | RGB(63 63 63) | #c0c0c0 | RGB(192 192 192) | |||
silver gray | #9c9c9c | RGB(156 156 156) | #636363 | RGB(99 99 99) | #9c9c9c | RGB(156 156 156) | |||
sky blue | #89bdde | RGB(137 189 222) | #764221 | RGB(118 66 33) | #deaa89 | RGB(222 170 137) | |||
sky gray | #b3b8bb | RGB(179 184 187) | #4c4744 | RGB(76 71 68) | #bbb6b3 | RGB(187 182 179) | |||
slate gray | #515356 | RGB(81 83 86) | #aeaca9 | RGB(174 172 169) | #565451 | RGB(86 84 81) | |||
snow white / white | #f0f0f0 | RGB(240 240 240) | #0f0f0f | RGB(15 15 15) | #f0f0f0 | RGB(240 240 240) | |||
steel gray | #6d696f | RGB(109 105 111) | #929690 | RGB(146 150 144) | #6b6f69 | RGB(107 111 105) | |||
strawberry | #bb004b | RGB(187 0 75) | #44ffb4 | RGB(68 255 180) | #00bb70 | RGB(0 187 112) | |||
tan | #9e6c3f | RGB(158 108 63) | #6193c0 | RGB(97 147 192) | #3f719e | RGB(63 113 158) | |||
terracotta | #a95045 | RGB(169 80 69) | #56afba | RGB(86 175 186) | #459ea9 | RGB(69 158 169) | |||
turquoise blue | #009dbf | RGB(0 157 191) | #ff6240 | RGB(255 98 64) | #bf2200 | RGB(191 34 0) | |||
ultramarine blue | #384d98 | RGB(56 77 152) | #c7b267 | RGB(199 178 103) | #988338 | RGB(152 131 56) | |||
vermilion | #ef454a | RGB(239 69 74) | #10bab5 | RGB(16 186 181) | #45efea | RGB(69 239 234) | |||
violet | #714c99 | RGB(113 76 153) | #8eb366 | RGB(142 179 102) | #74994c | RGB(116 153 76) | |||
viridian | #006d56 | RGB(0 109 86) | #ff92a9 | RGB(255 146 169) | #6d0017 | RGB(109 0 23) | |||
wine red | #80273f | RGB(128 39 63) | #7fd8c0 | RGB(127 216 192) | #278068 | RGB(39 128 104) | |||
wistaria | #7967c3 | RGB(121 103 195) | #86983c | RGB(134 152 60) | #b1c367 | RGB(177 195 103) | |||
yellow ocher | #b8883b | RGB(184 136 59) | #4777c4 | RGB(71 119 196) | #3b6bb8 | RGB(59 107 184) |
和名慣用色145色のカラーコードと色の見本
和名慣用色についても、JISで規格されていますが、ウェブサイトで色を指定する場合はカラーコードを使用してください。
和名慣用色 | 反転色 | 補色 | |||||||
---|---|---|---|---|---|---|---|---|---|
銀色 ぎんいろ | #c0c0c0 | RGB(192 192 192) | #3f3f3f | RGB(63 63 63) | #c0c0c0 | RGB(192 192 192) | |||
金色 きんいろ / こんじき | #ffd700 | RGB(255 215 0) | #0028ff | RGB(0 40 255) | #0028ff | RGB(0 40 255) | |||
茜色 あかねいろ | #9e2236 | RGB(158 34 54) | #61ddc9 | RGB(97 221 201) | #229e8a | RGB(34 158 138) | |||
杏色 あんずいろ | #d89f6d | RGB(216 159 109) | #276092 | RGB(39 96 146) | #6da6d8 | RGB(109 166 216) | |||
鉛色 なまりいろ | #72777d | RGB(114 119 125) | #8d8882 | RGB(141 136 130) | #7d7872 | RGB(125 120 114) | |||
鉛丹色 えんたんいろ | #d1483e | RGB(209 72 62) | #2eb7c1 | RGB(46 183 193) | #3ec7d1 | RGB(62 199 209) | |||
黄色 / 蒲公英色 きいろ / たんぽぽいろ | #e3c700 | RGB(227 199 0) | #1c38ff | RGB(28 56 255) | #001ce3 | RGB(0 28 227) | |||
黄赤 きあか | #d86011 | RGB(216 96 17) | #279fee | RGB(39 159 238) | #1189d8 | RGB(17 137 216) | |||
黄丹 おうに | #eb6940 | RGB(235 105 64) | #1496bf | RGB(20 150 191) | #40c2eb | RGB(64 194 235) | |||
黄茶 きちゃ | #b1632a | RGB(177 99 42) | #4e9cd5 | RGB(78 156 213) | #2a78b1 | RGB(42 120 177) | |||
黄土色 おうどいろ | #b8883b | RGB(184 136 59) | #4777c4 | RGB(71 119 196) | #3b6bb8 | RGB(59 107 184) | |||
黄緑 きみどり | #bbc000 | RGB(187 192 0) | #443fff | RGB(68 63 255) | #0500c0 | RGB(5 0 192) | |||
黄檗色 きはだいろ | #d6c949 | RGB(214 201 73) | #2936b6 | RGB(41 54 182) | #4956d6 | RGB(73 86 214) | |||
牡丹色 ぼたんいろ | #c94093 | RGB(201 64 147) | #36bf6c | RGB(54 191 108) | #40c976 | RGB(64 201 118) | |||
茄子紺 なすこん | #473946 | RGB(71 57 70) | #b8c6b9 | RGB(184 198 185) | #39473a | RGB(57 71 58) | |||
海松色 みるいろ | #716b4a | RGB(113 107 74) | #8e94b5 | RGB(142 148 181) | #4a5071 | RGB(74 80 113) | |||
海老茶 えびちゃ | #693c34 | RGB(105 60 52) | #96c3cb | RGB(150 195 203) | #346169 | RGB(52 97 105) | |||
灰色 はいいろ | #767676 | RGB(118 118 118) | #898989 | RGB(137 137 137) | #767676 | RGB(118 118 118) | |||
灰茶 はいちゃ | #816551 | RGB(129 101 81) | #7e9aae | RGB(126 154 174) | #516d81 | RGB(81 109 129) | |||
芥子色 からしいろ | #c8a65d | RGB(200 166 93) | #3759a2 | RGB(55 89 162) | #5d7fc8 | RGB(93 127 200) | |||
柿色 かきいろ | #db5c35 | RGB(219 92 53) | #24a3ca | RGB(36 163 202) | #35b4db | RGB(53 180 219) | |||
褐色 かっしょく | #6b3e08 | RGB(107 62 8) | #94c1f7 | RGB(148 193 247) | #08356b | RGB(8 53 107) | |||
樺色 かばいろ | #b64826 | RGB(182 72 38) | #49b7d9 | RGB(73 183 217) | #2694b6 | RGB(38 148 182) | |||
刈安色 かりやすいろ | #ead56b | RGB(234 213 107) | #152a94 | RGB(21 42 148) | #6b80ea | RGB(107 128 234) | |||
柑子色 こうじいろ | #faa55c | RGB(250 165 92) | #055aa3 | RGB(5 90 163) | #5cb1fa | RGB(92 177 250) | |||
韓紅 からくれない | #e64b6b | RGB(230 75 107) | #19b494 | RGB(25 180 148) | #4be6c6 | RGB(75 230 198) | |||
桔梗色 ききょういろ | #4347a2 | RGB(67 71 162) | #bcb85d | RGB(188 184 93) | #a29e43 | RGB(162 158 67) | |||
朽葉色 くちばいろ | #847461 | RGB(132 116 97) | #7b8b9e | RGB(123 139 158) | #617184 | RGB(97 113 132) | |||
金赤 きんあか | #ea4e31 | RGB(234 78 49) | #15b1ce | RGB(21 177 206) | #31cdea | RGB(49 205 234) | |||
金茶 きんちゃ | #b47700 | RGB(180 119 0) | #4b88ff | RGB(75 136 255) | #003db4 | RGB(0 61 180) | |||
銀鼠 ぎんねず | #9c9c9c | RGB(156 156 156) | #636363 | RGB(99 99 99) | #9c9c9c | RGB(156 156 156) | |||
空色 そらいろ | #89bdde | RGB(137 189 222) | #764221 | RGB(118 66 33) | #deaa89 | RGB(222 170 137) | |||
栗色 くりいろ | #704b38 | RGB(112 75 56) | #8fb4c7 | RGB(143 180 199) | #385d70 | RGB(56 93 112) | |||
群青色 ぐんじょういろ | #384d98 | RGB(56 77 152) | #c7b267 | RGB(199 178 103) | #988338 | RGB(152 131 56) | |||
古代紫 こだいむらさき | #765276 | RGB(118 82 118) | #89ad89 | RGB(137 173 137) | #527652 | RGB(82 118 82) | |||
胡粉色 ごふんいろ | #ebe7e1 | RGB(235 231 225) | #14181e | RGB(20 24 30) | #e1e5eb | RGB(225 229 235) | |||
向日葵色 ひまわりいろ | #ffbb00 | RGB(255 187 0) | #0044ff | RGB(0 68 255) | #0044ff | RGB(0 68 255) | |||
江戸紫 えどむらさき | #614876 | RGB(97 72 118) | #9eb789 | RGB(158 183 137) | #5d7648 | RGB(93 118 72) | |||
紅海老茶 べにえびちゃ | #6d3a33 | RGB(109 58 51) | #92c5cc | RGB(146 197 204) | #33666d | RGB(51 102 109) | |||
紅樺色 べにかばいろ | #9e413f | RGB(158 65 63) | #61bec0 | RGB(97 190 192) | #3f9c9e | RGB(63 156 158) | |||
紅色 べにいろ | #be003f | RGB(190 0 63) | #41ffc0 | RGB(65 255 192) | #00be7f | RGB(0 190 127) | |||
紅赤 べにあか | #b81a3e | RGB(184 26 62) | #47e5c1 | RGB(71 229 193) | #1ab894 | RGB(26 184 148) | |||
紅梅色 こうばいいろ | #df828a | RGB(223 130 138) | #207d75 | RGB(32 125 117) | #82dfd7 | RGB(130 223 215) | |||
紅緋 べにひ | #ef4644 | RGB(239 70 68) | #10b9bb | RGB(16 185 187) | #44edef | RGB(68 237 239) | |||
黒 / 鉄黒 くろ / てつぐろ | #2a2a2a | RGB(42 42 42) | #d5d5d5 | RGB(213 213 213) | #2a2a2a | RGB(42 42 42) | |||
黒茶 くろちゃ | #3e312b | RGB(62 49 43) | #c1ced4 | RGB(193 206 212) | #2b383e | RGB(43 56 62) | |||
紺色 こんいろ | #343d55 | RGB(52 61 85) | #cbc2aa | RGB(203 194 170) | #554c34 | RGB(85 76 52) | |||
紺青 こんじょう | #3a4861 | RGB(58 72 97) | #c5b79e | RGB(197 183 158) | #61533a | RGB(97 83 58) | |||
紺藍 こんあい | #353573 | RGB(53 53 115) | #caca8c | RGB(202 202 140) | #737335 | RGB(115 115 53) | |||
砂色 すないろ | #c5b69e | RGB(197 182 158) | #3a4961 | RGB(58 73 97) | #9eadc5 | RGB(158 173 197) | |||
桜色 さくらいろ | #fbdade | RGB(251 218 222) | #042521 | RGB(4 37 33) | #dafbf7 | RGB(218 251 247) | |||
錆色 さびいろ | #624035 | RGB(98 64 53) | #9dbfca | RGB(157 191 202) | #355762 | RGB(53 87 98) | |||
錆浅葱 さびあさぎ | #608a8e | RGB(96 138 142) | #9f7571 | RGB(159 117 113) | #8e6460 | RGB(142 100 96) | |||
山吹色 やまぶきいろ | #f8a900 | RGB(248 169 0) | #0756ff | RGB(7 86 255) | #004ff8 | RGB(0 79 248) | |||
珊瑚色 さんごいろ | #ff7f8f | RGB(255 127 143) | #008070 | RGB(0 128 112) | #7fffef | RGB(127 255 239) | |||
紫 むらさき | #a757a8 | RGB(167 87 168) | #58a857 | RGB(88 168 87) | #58a857 | RGB(88 168 87) | |||
紫紺 しこん | #422c41 | RGB(66 44 65) | #bdd3be | RGB(189 211 190) | #2c422d | RGB(44 66 45) | |||
若草色 わかくさいろ | #aab300 | RGB(170 179 0) | #554cff | RGB(85 76 255) | #0900b3 | RGB(9 0 179) | |||
若竹色 わかたけいろ | #00a37e | RGB(0 163 126) | #ff5c81 | RGB(255 92 129) | #a30025 | RGB(163 0 37) | |||
若葉色 わかばいろ | #a9c087 | RGB(169 192 135) | #563f78 | RGB(86 63 120) | #9e87c0 | RGB(158 135 192) | |||
朱色 しゅいろ | #ef454a | RGB(239 69 74) | #10bab5 | RGB(16 186 181) | #45efea | RGB(69 239 234) | |||
勝色 かちいろ | #3a3c4f | RGB(58 60 79) | #c5c3b0 | RGB(197 195 176) | #4f4d3a | RGB(79 77 58) | |||
小豆色 あずきいろ | #905d54 | RGB(144 93 84) | #6fa2ab | RGB(111 162 171) | #548790 | RGB(84 135 144) | |||
小麦色 こむぎいろ | #d4a168 | RGB(212 161 104) | #2b5e97 | RGB(43 94 151) | #689bd4 | RGB(104 155 212) | |||
松葉色 まつばいろ | #687e52 | RGB(104 126 82) | #9781ad | RGB(151 129 173) | #68527e | RGB(104 82 126) | |||
焦茶 こげちゃ | #564539 | RGB(86 69 57) | #a9bac6 | RGB(169 186 198) | #394a56 | RGB(57 74 86) | |||
菖蒲色 あやめいろ | #c573b2 | RGB(197 115 178) | #3a8c4d | RGB(58 140 77) | #73c586 | RGB(115 197 134) | |||
菖蒲色 しょうぶいろ | #744b98 | RGB(116 75 152) | #8bb467 | RGB(139 180 103) | #6f984b | RGB(111 152 75) | |||
象牙色 ぞうげいろ | #ded2bf | RGB(222 210 191) | #212d40 | RGB(33 45 64) | #bfcbde | RGB(191 203 222) | |||
常磐色 ときわいろ | #007b50 | RGB(0 123 80) | #ff84af | RGB(255 132 175) | #7b002b | RGB(123 0 43) | |||
新橋色 しんばしいろ | #53a8b7 | RGB(83 168 183) | #ac5748 | RGB(172 87 72) | #b76253 | RGB(183 98 83) | |||
深緑 ふかみどり | #005638 | RGB(0 86 56) | #ffa9c7 | RGB(255 169 199) | #56001e | RGB(86 0 30) | |||
水色 みずいろ | #9dcce0 | RGB(157 204 224) | #62331f | RGB(98 51 31) | #e0b19d | RGB(224 177 157) | |||
水浅葱 みずあさぎ | #6d969c | RGB(109 150 156) | #926963 | RGB(146 105 99) | #9c736d | RGB(156 115 109) | |||
生成り色 きなりいろ | #eae0d5 | RGB(234 224 213) | #151f2a | RGB(21 31 42) | #d5dfea | RGB(213 223 234) | |||
青 あお | #006ab6 | RGB(0 106 182) | #ff9549 | RGB(255 149 73) | #b64c00 | RGB(182 76 0) | |||
青紫 あおむらさき | #7445aa | RGB(116 69 170) | #8bba55 | RGB(139 186 85) | #7baa45 | RGB(123 170 69) | |||
青磁色 せいじいろ | #6da895 | RGB(109 168 149) | #92576a | RGB(146 87 106) | #a86d80 | RGB(168 109 128) | |||
青竹色 あおたけいろ | #6aa89d | RGB(106 168 157) | #955762 | RGB(149 87 98) | #a86a75 | RGB(168 106 117) | |||
青緑 あおみどり | #008e94 | RGB(0 142 148) | #ff716b | RGB(255 113 107) | #940600 | RGB(148 6 0) | |||
赤 あか | #be0032 | RGB(190 0 50) | #41ffcd | RGB(65 255 205) | #00be8c | RGB(0 190 140) | |||
赤錆色 あかさびいろ | #8d3927 | RGB(141 57 39) | #72c6d8 | RGB(114 198 216) | #277b8d | RGB(39 123 141) | |||
赤紫 あかむらさき | #da508f | RGB(218 80 143) | #25af70 | RGB(37 175 112) | #50da9b | RGB(80 218 155) | |||
赤茶 あかちゃ | #ad4e39 | RGB(173 78 57) | #52b1c6 | RGB(82 177 198) | #3998ad | RGB(57 152 173) | |||
赤橙 あかだいだい | #e65226 | RGB(230 82 38) | #19add9 | RGB(25 173 217) | #26bae6 | RGB(38 186 230) | |||
千歳緑 ちとせみどり | #3c6754 | RGB(60 103 84) | #c398ab | RGB(195 152 171) | #673c4f | RGB(103 60 79) | |||
浅葱色 あさぎいろ | #00859b | RGB(0 133 155) | #ff7a64 | RGB(255 122 100) | #9b1600 | RGB(155 22 0) | |||
蘇芳 すおう | #94474b | RGB(148 71 75) | #6bb8b4 | RGB(107 184 180) | #479490 | RGB(71 148 144) | |||
鼠色 ねずみいろ | #838383 | RGB(131 131 131) | #7c7c7c | RGB(124 124 124) | #838383 | RGB(131 131 131) | |||
草色 くさいろ | #737c3e | RGB(115 124 62) | #8c83c1 | RGB(140 131 193) | #473e7c | RGB(71 62 124) | |||
苔色 こけいろ | #7c7a37 | RGB(124 122 55) | #8385c8 | RGB(131 133 200) | #37397c | RGB(55 57 124) | |||
代赭 たいしゃ | #b26235 | RGB(178 98 53) | #4d9dca | RGB(77 157 202) | #3585b2 | RGB(53 133 178) | |||
茶色 ちゃいろ | #6d4c33 | RGB(109 76 51) | #92b3cc | RGB(146 179 204) | #33546d | RGB(51 84 109) | |||
茶鼠 ちゃねずみ | #998d86 | RGB(153 141 134) | #667279 | RGB(102 114 121) | #869299 | RGB(134 146 153) | |||
中黄 ちゅうき | #edd60e | RGB(237 214 14) | #1229f1 | RGB(18 41 241) | #0e25ed | RGB(14 37 237) | |||
鉄紺 てつこん | #292934 | RGB(41 41 52) | #d6d6cb | RGB(214 214 203) | #343429 | RGB(52 52 41) | |||
鉄色 てついろ | #24433e | RGB(36 67 62) | #dbbcc1 | RGB(219 188 193) | #432429 | RGB(67 36 41) | |||
杜若色 かきつばたいろ | #435aa0 | RGB(67 90 160) | #bca55f | RGB(188 165 95) | #a08943 | RGB(160 137 67) | |||
土色 つちいろ | #9f6c31 | RGB(159 108 49) | #6093ce | RGB(96 147 206) | #31649f | RGB(49 100 159) | |||
桃色 ももいろ | #e38089 | RGB(227 128 137) | #1c7f76 | RGB(28 127 118) | #80e3da | RGB(128 227 218) | |||
藤紫 ふじむらさき | #9883c9 | RGB(152 131 201) | #677c36 | RGB(103 124 54) | #b4c983 | RGB(180 201 131) | |||
藤色 ふじいろ | #a294c8 | RGB(162 148 200) | #5d6b37 | RGB(93 107 55) | #bac894 | RGB(186 200 148) | |||
藤納戸 ふじなんど | #69639a | RGB(105 99 154) | #969c65 | RGB(150 156 101) | #949a63 | RGB(148 154 99) | |||
鴇色 ときいろ | #fa9cb8 | RGB(250 156 184) | #056347 | RGB(5 99 71) | #9cfade | RGB(156 250 222) | |||
鳶色 とびいろ | #7a453d | RGB(122 69 61) | #85bac2 | RGB(133 186 194) | #3d727a | RGB(61 114 122) | |||
肉桂色 にっけいいろ | #b5725c | RGB(181 114 92) | #4a8da3 | RGB(74 141 163) | #5c9fb5 | RGB(92 159 181) | |||
濃藍 こいあい | #223546 | RGB(34 53 70) | #ddcab9 | RGB(221 202 185) | #463322 | RGB(70 51 34) | |||
納戸色 なんどいろ | #00687c | RGB(0 104 124) | #ff9783 | RGB(255 151 131) | #7c1400 | RGB(124 20 0) | |||
煤竹色 すすたけいろ | #5d5245 | RGB(93 82 69) | #a2adba | RGB(162 173 186) | #45505d | RGB(69 80 93) | |||
白 しろ | #f0f0f0 | RGB(240 240 240) | #0f0f0f | RGB(15 15 15) | #f0f0f0 | RGB(240 240 240) | |||
白群 びゃくぐん | #73b3c1 | RGB(115 179 193) | #8c4c3e | RGB(140 76 62) | #c18173 | RGB(193 129 115) | |||
白緑 びゃくろく | #badbc7 | RGB(186 219 199) | #452438 | RGB(69 36 56) | #dbbace | RGB(219 186 206) | |||
肌色 はだいろ | #f1bb93 | RGB(241 187 147) | #0e446c | RGB(14 68 108) | #93c9f1 | RGB(147 201 241) | |||
鳩羽色 はとばいろ | #665971 | RGB(102 89 113) | #99a68e | RGB(153 166 142) | #647159 | RGB(100 113 89) | |||
桧皮色 ひわだいろ | #865c4b | RGB(134 92 75) | #79a3b4 | RGB(121 163 180) | #4b7586 | RGB(75 117 134) | |||
弁柄色 べんがらいろ | #863e33 | RGB(134 62 51) | #79c1cc | RGB(121 193 204) | #337b86 | RGB(51 123 134) | |||
萌黄 もえぎ | #97a61e | RGB(151 166 30) | #6859e1 | RGB(104 89 225) | #2d1ea6 | RGB(45 30 166) | |||
萌葱色 もえぎいろ | #00533e | RGB(0 83 62) | #ffacc1 | RGB(255 172 193) | #530015 | RGB(83 0 21) | |||
墨 すみ | #343434 | RGB(52 52 52) | #cbcbcb | RGB(203 203 203) | #343434 | RGB(52 52 52) | |||
抹茶色 まっちゃいろ | #c0ba7f | RGB(192 186 127) | #3f4580 | RGB(63 69 128) | #7f85c0 | RGB(127 133 192) | |||
蜜柑色 みかんいろ | #eb8400 | RGB(235 132 0) | #147bff | RGB(20 123 255) | #0067eb | RGB(0 103 235) | |||
勿忘草色 わすれなぐさいろ | #89acd7 | RGB(137 172 215) | #765328 | RGB(118 83 40) | #d7b489 | RGB(215 180 137) | |||
卵色 たまごいろ | #f4bd6b | RGB(244 189 107) | #0b4294 | RGB(11 66 148) | #6ba2f4 | RGB(107 162 244) | |||
藍色 あいいろ | #2b4b65 | RGB(43 75 101) | #d4b49a | RGB(212 180 154) | #65452b | RGB(101 69 43) | |||
藍鼠 あいねず | #576d79 | RGB(87 109 121) | #a89286 | RGB(168 146 134) | #796357 | RGB(121 99 87) | |||
利休鼠 りきゅうねずみ | #6e7972 | RGB(110 121 114) | #91868d | RGB(145 134 141) | #796e75 | RGB(121 110 117) | |||
緑 みどり | #00b66e | RGB(0 182 110) | #ff4991 | RGB(255 73 145) | #b60048 | RGB(182 0 72) | |||
緑青色 ろくしょういろ | #4d8169 | RGB(77 129 105) | #b27e96 | RGB(178 126 150) | #814d65 | RGB(129 77 101) | |||
瑠璃紺 るりこん | #27477a | RGB(39 71 122) | #d8b885 | RGB(216 184 133) | #7a5a27 | RGB(122 90 39) | |||
瑠璃色 るりいろ | #00519a | RGB(0 81 154) | #ffae65 | RGB(255 174 101) | #9a4900 | RGB(154 73 0) | |||
煉瓦色 れんがいろ | #914c35 | RGB(145 76 53) | #6eb3ca | RGB(110 179 202) | #357a91 | RGB(53 122 145) | |||
露草色 つゆくさいろ | #007bc3 | RGB(0 123 195) | #ff843c | RGB(255 132 60) | #c34800 | RGB(195 72 0) | |||
橙色 だいだいいろ | #ef810f | RGB(239 129 15) | #107ef0 | RGB(16 126 240) | #0f7def | RGB(15 125 239) | |||
鬱金色 うこんいろ | #edae00 | RGB(237 174 0) | #1251ff | RGB(18 81 255) | #003fed | RGB(0 63 237) | |||
琥珀色 こはくいろ | #aa7a40 | RGB(170 122 64) | #5585bf | RGB(85 133 191) | #4070aa | RGB(64 112 170) | |||
甕覗 きかめのぞき | #7eb1c1 | RGB(126 177 193) | #814e3e | RGB(129 78 62) | #c18e7e | RGB(193 142 126) | |||
縹色 はなだいろ | #2b618f | RGB(43 97 143) | #d49e70 | RGB(212 158 112) | #8f592b | RGB(143 89 43) | |||
臙脂 えんじ | #ad3140 | RGB(173 49 64) | #52cebf | RGB(82 206 191) | #31ad9e | RGB(49 173 158) | |||
菫色 すみれいろ | #714c99 | RGB(113 76 153) | #8eb366 | RGB(142 179 102) | #74994c | RGB(116 153 76) | |||
薔薇色 ばらいろ | #d53e62 | RGB(213 62 98) | #2ac19d | RGB(42 193 157) | #3ed5b1 | RGB(62 213 177) | |||
躑躅色 つつじいろ | #cf4078 | RGB(207 64 120) | #30bf87 | RGB(48 191 135) | #40cf97 | RGB(64 207 151) | |||
駱駝色 らくだいろ | #b0764f | RGB(176 118 79) | #4f89b0 | RGB(79 137 176) | #4f89b0 | RGB(79 137 176) | |||
鶯色 うぐいすいろ | #706c3e | RGB(112 108 62) | #8f93c1 | RGB(143 147 193) | #3e4270 | RGB(62 66 112) | |||
鶯茶 うぐいすちゃ | #6a5f37 | RGB(106 95 55) | #95a0c8 | RGB(149 160 200) | #37426a | RGB(55 66 106) | |||
鶸色 ひわいろ | #c2bd3d | RGB(194 189 61) | #3d42c2 | RGB(61 66 194) | #3d42c2 | RGB(61 66 194) |
色調査のテンプレートも必要な際にお使いください
ウェブサイトの作成で使用するカラーコードについて、マクロを作成いたしました。
このページに載っていない色を調査する時などにご使用ください。
必要な場合は、zipファイルを ダウンロード してください。
テンプレートの記述は こちら から見られます。
テンプレートの使い方については、次の動画をご覧ください。
この記事のまとめ・要約
多くの色のカラーコードは、ここで手間なく探せるのでご活用ください。
色調査のテンプレートは、ウェブサイトを作成する時、色の調整に使用すると便利です。
コメント