十進数対応・色見本

このページの構成 ↓本文へジャンプ
前説
基本の16色
色名指定用の140色
モノトーン
赤タイプ
オレンジタイプ
黄色タイプ
緑タイプ
青緑タイプ
青タイプ
紫タイプ
再掲・赤タイプ
十六進数⇔十進数・換算早見表
十六進数00〜79 (←十進数0〜127)
十六進数80〜ff (←十進数128〜255)

 

前説

文字色や背景色などHTML文書上の色指定では、
#rrggbb と、 十六進数2ケタの数を3つ並べるのが最もポピュラーです。
しかし最近、スタイルシートなどでは、 私達が普段使っている十進数
rgb(R,G,B と指定する事も可能なようです。
例;
強調タグ=emタグ で挟んだ部分(自動的に斜体になる部分)を、
■ orangered ■  と色指定して書く際のタグは、
<em style="color: #ff4500">■ orangered ■</em> とも、
<em style="color: rgb(255,69,0)">■ orangered ■</em> とも書く事が可能です。
 ※ff=255(二百五十五)45=69(六十九)、00=0

また、画像編集ソフト(通称お絵かきソフト・Windowsペイントなど)など、
ブラウザ以外では色を指定するのに十進数を用いるケースも多く、
お望みの色(またはそれに近い色)が十進数でどう表されるかが解れば、何かと便利です。

↑ページ先頭へ

基本の16色(web color)
(255,255,255)=#ffffffwhite 
(192,192,192)=#c0c0c0silver 
(128,128,128)=#808080gray 
(  0,  0,  0)=#000000black

(255,  0,  0)=#ff0000red 
(128,  0,  0)=#800000maroon 
(255,  0,255)=#ff00fffuchsia 
(128,  0,128)=#800080purple
(  0,  0,128)=#000080navy 
(  0,  0,255)=#0000ffblue 
(  0,255,255)=#00ffffaqua 
(  0,128,128)=#008080teal

(  0,128,  0)=#008000green 
(  0,255,  0)=#00ff00lime 
(128,128,  0)=#808000olive 
(255,255,  0)=#ffff00yellow

↑ページ先頭へ

色名指定用の140色


モノトーン  (#RrGgBbのうちRrGgBb
↓十進数表示  ↓十六進数 ↓色名
(255,255,255)=#ffffffwhite@
(245,245,245)=#f5f5f5whitesmoke
(220,220,220)=#dcdcdcgainsboro
(211,211,211)=#d3d3d3lightgrey
(192,192,192)=#c0c0c0silver@
(169,169,169)=#a9a9a9darkgray
(128,128,128)=#808080gray@
(105,105,105)=#696969dimgray
(  0,  0,  0)=#000000black@

注;他のグレー系と違いlightgreyだけ
grayではなくgrey。

↑ページ先頭へ

赤タイプ  (Rr高、Gg低、Bb低)
↓十進数表示  ↓十六進数 ↓色名
(255,250,250)=#fffafasnow
(255,250,240)=#fffaf0floralwhite
(255,245,238)=#fff5eeseashell
(255,228,225)=#ffe4e1mistyrose
(255,192,203)=#ffc0cbpink
(255,182,193)=#ffb6c1lightpink
(255,105,180)=#ff69b4hotpink
(255, 20,147)=#ff1493deeppink
(219,112,147)=#db7093palevioletred
(188,143,143)=#bc8f8frosybrown
(231, 21,133)=#c71585mediumvioletred
↓十進数表示  ↓十六進数 ↓色名
(255,160,122)=#ffa07alightsalmon
(250,128,114)=#fa8072salmon
(233,150,122)=#e9967adarksalmon
(240,128,128)=#f08080lightcoral
(255,127, 80)=#ff7f50coral
(255, 99, 71)=#ff6347tomato
(255, 69,  0)=#ff4500orangered
(255,  0,  0)=#ff0000red@
↓十進数表示  ↓十六進数 ↓色名
(205, 92, 92)=#cd5c5cindianred
(220, 20, 60)=#dc143ccrimson
(178, 34, 34)=#b22222firebrick
(165, 42, 42)=#a52a2abrown
(139,  0,  0)=#8b0000darkred
(128,  0,  0)=#800000maroon@

オレンジタイプ  (Rr高、Gg中、Bb低)
↓十進数表示  ↓十六進数 ↓色名
(253,245,230)=#fdf5e6oldlace
(255,239,213)=#ffefd5papayawhip
(255,235,205)=#ffebcdblanchedalmond
(250,235,215)=#faebd7antiquewhite
(255,228,196)=#ffe4c4bisque
(255,228,181)=#ffe4b5moccasin
(255,218,185)=#ffdab9peachpuff
(245,222,179)=#f5deb3wheat
(255,222,173)=#ffdeadnavajowhite
(222,184,135)=#deb887burlywood
(210,180,140)=#d2b48ctan
↓十進数表示  ↓十六進数 ↓色名
(244,164, 96)=#f4a460sandybrown
(255,165,  0)=#ffa500orange
(255,140,  0)=#ff8c00darkorange
(205,133, 63)=#cd853fperu
(160, 82, 45)=#a0522dsienna
(210,105, 30)=#d2691echocolate
(139, 69, 19)=#8b4513saddlebrown

↑ページ先頭へ

黄色タイプ  (Rr高、Gg高、Bb低)
↓十進数表示  ↓十六進数 ↓色名
(255,255,240)=#fffff0ivory
(255,255,224)=#ffffe0lightyellow
(255,248,220)=#fff8dccornsilk
(250,250,210)=#fafad2lightgoldenrodyellow
(255,250,205)=#fffacdlemonchiffon
(250,240,230)=#faf0e6linen
(245,245,220)=#f5f5dcbeige
(238,232,170)=#eee8aapalegoldenrod
(240,230,140)=#f0e68ckhaki
↓十進数表示  ↓十六進数 ↓色名
(255,255,  0)=#ffff00yellow@
(255,215,  0)=#ffd700gold
(218,165, 32)=#daa520goldenrod
(189,183,107)=#bdb76bdarkkhaki
(184,134, 11)=#b8860bdarkgoldenrod
(128,128,  0)=#808000olive@

緑タイプ  (Rr低、Gg高、Bb低)
↓十進数表示  ↓十六進数 ↓色名
(245,255,250)=#f5fffamintcream
(240,255,240)=#f0fff0honeydew
(152,251,152)=#98fb98palegreen
(144,238,144)=#90ee90lightgreen
(  0,255,127)=#00ff7fspringgreen
(  0,250,154)=#00fa9amediumspringgreen
(173,255, 47)=#adff2fgreenyellow
(127,255,  0)=#7fff00chartreuse
(124,252,  0)=#7cfc00lawngreen
(  0,255,  0)=#00ff00lime@
( 50,205, 50)=#32cd32limegreen
↓十進数表示  ↓十六進数 ↓色名
(154,205, 50)=#9acd32yellowgreen
(107,142, 35)=#6b8e23olivedrab
( 85,107, 47)=#556b2fdarkolivegreen
( 34,139, 34)=#228b22forestgreen
(  0,128,  0)=#008000green@
(  0,100,  0)=#006400darkgreen
(143,188,143)=#8fbc8fdarkseagreen
( 60,179,113)=#3cb371mediumseagreen
( 46,139, 87)=#2e8b57seagreen

↑ページ先頭へ

青緑タイプ  (Rr低、Gg高、Bb高)
↓十進数表示  ↓十六進数 ↓色名
(240,255,255)=#f0ffffazure
(224,255,255)=#e0fffflightcyan
(175,238,238)=#afeeeepaleturquoise
(176,224,230)=#b0e0e6powderblue
(  0,255,255)=#00ffffaqua@
(  0,255,255)=#00ffffcyan (=aqua)
(127,255,212)=#7fffd4aquamarine
(102,205,170)=#66cdaamediumaquamarine
↓十進数表示  ↓十六進数 ↓色名
(135,206,235)=#87ceebskyblue
( 64,224,208)=#40e0d0turquoise
( 72,209,204)=#48d1ccmediumturquoise
(  0,206,209)=#00ced1darkturquoise
( 32,178,170)=#20b2aalightseagreen
( 95,158,160)=#5f9ea0cadetblue
(  0,139,139)=#008b8bdarkcyan
(  0,128,128)=#008080teal@
( 47, 79, 79)=#2f4f4fdarkslategray

青タイプ  (Rr低、Gg低〜中、Bb高)
↓十進数表示  ↓十六進数 ↓色名
(248,248,255)=#f8f8ffghostwhite
(240,248,255)=#f0f8ffaliceblue
(230,230,250)=#e6e6falavender
(173,216,230)=#add8e6lightblue
(135,206,250)=#87cefalightskyblue
(176,196,222)=#b0c4delightsteelblue
(  0,191,255)=#00bfffdeepskyblue
( 30,144,255)=#1e90ffdodgerblue
(100,149,237)=#6495edcornflowerblue
(123,104,238)=#7b68eemediumslateblue
(  0,  0,255)=#0000ffblue@
( 65,105,225)=#4169e1royalblue
(106, 90,205)=#6a5acdslateblue
↓十進数表示  ↓十六進数 ↓色名
(119,136,153)=#778899lightslategray
(112,128,144)=#708090slategray
( 70,130,180)=#4682b4steelblue
(  0,  0,205)=#0000cdmediumblue
( 72, 61,139)=#483d8bdarkslateblue
(  0,  0,139)=#00008bdarkblue
(  0,  0,128)=#000080navy@
( 25, 25,112)=#191970midnightblue

↑ページ先頭へ

紫タイプ  (Rr高、Gg低、Bb高)
↓十進数表示  ↓十六進数 ↓色名
(255,240,245)=#fff0f5lavenderblush
(221, 10,221)=#dda0ddplum
(216,191,216)=#d8bfd8thistle
(238,130,238)=#ee82eeviolet
(255,  0,255)=#ff00fffuchsia@
(255,  0,255)=#ff00ffmagenta (=fuchsia)
(218,112,214)=#da70d6orchid
(186, 85,211)=#ba55d3mediumorchid
↓十進数表示  ↓十六進数 ↓色名
(147,112,219)=#9370dbmediumpurple
(138, 43,226)=#8a2be2blueviolet
(153, 50,204)=#9932ccdarkorchid
(148,  0,211)=#9400d3darkviolet
(139,  0,139)=#8b008bdarkmagenta
(128,  0,128)=#800080purple@
( 75,  0,130)=#4b0082indigo

再掲・赤タイプ  (Rr高、Gg低、Bb低)
↓十進数表示  ↓十六進数 ↓色名
(255,250,250)=#fffafasnow
(255,250,240)=#fffaf0floralwhite
(255,245,238)=#fff5eeseashell
(255,228,225)=#ffe4e1mistyrose
(255,192,203)=#ffc0cbpink
(255,182,193)=#ffb6c1lightpink
(255,105,180)=#ff69b4hotpink
(255, 20,147)=#ff1493deeppink
(219,112,147)=#db7093palevioletred
(188,143,143)=#bc8f8frosybrown
(231, 21,133)=#c71585mediumvioletred
↓十進数表示  ↓十六進数 ↓色名
(255,160,122)=#ffa07alightsalmon
(250,128,114)=#fa8072salmon
(233,150,122)=#e9967adarksalmon
(240,128,128)=#f08080lightcoral
(255,127, 80)=#ff7f50coral
(255, 99, 71)=#ff6347tomato
(255, 69,  0)=#ff4500orangered
(255,  0,  0)=#ff0000red@
↓十進数表示  ↓十六進数 ↓色名
(205, 92, 92)=#cd5c5cindianred
(220, 20, 60)=#dc143ccrimson
(178, 34, 34)=#b22222firebrick
(165, 42, 42)=#a52a2abrown
(139,  0,  0)=#8b0000darkred
(128,  0,  0)=#800000maroon@

↑ページ先頭へ

付録 十六進数⇔十進数・換算早見表

十六進数00〜79  (十進数0〜127)
十六進数 00 01 02 03 04 05 06 07 08 09 0a 0b 0c 0d 0e 0f
十進数 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
十六進数 10 11 12 13 14 15 16 17 18 19 1a 1b 1c 1d 1e 0f
十進数 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
十六進数 20 21 22 23 24 25 26 27 28 29 2a 2b 2c 2d 2e 2f
十進数 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
十六進数 30 31 32 33 34 35 36 37 38 39 3a 3b 3c 3d 3e 3f
十進数 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
十六進数 40 41 42 43 44 45 46 47 48 49 4a 4b 4c 4d 4e 4f
十進数 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79
十六進数 50 51 52 53 54 55 56 57 58 59 5a 5b 5c 5d 5e 5f
十進数 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95
十六進数 60 61 62 63 64 65 66 67 68 69 6a 6b 6c 6d 6e 6f
十進数 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111
十六進数 70 71 72 73 74 75 76 77 78 79 7a 7b 7c 7d 7e 7f
十進数 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

十六進数80〜ff  (十進数128〜255)
十六進数 80 81 82 83 84 85 86 87 88 89 8a 8b 8c 8d 8e 8f
十進数 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143
十六進数 90 91 92 93 94 95 96 97 98 99 9a 9b 9c 9d 9e 9f
十進数 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159
十六進数 a0 a1 a2 a3 a4 a5 a6 a7 a8 a9 aa ab ac ad ae af
十進数 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175
十六進数 b0 b1 b2 b3 b4 b5 b6 b7 b8 b9 ba bb bc bd be bf
十進数 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191
十六進数 c0 c1 c2 c3 c4 c5 c6 c7 c8 c9 ca cb cc cd ce cf
十進数 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207
十六進数 d0 d1 d2 d3 d4 d5 d6 d7 d8 d9 da db dc dd de df
十進数 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223
十六進数 e0 e1 e2 e3 e4 e5 e6 e7 e8 e9 ea eb ec ed ee ef
十進数 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239
十六進数 f0 f1 f2 f3 f4 f5 f6 f7 f8 f9 fa fb fc fd fe ff
十進数 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255



HTML目次に戻る
目次(トップ)に戻る


このページcolor-decimal.html の作成日=2007-02-08 最終更新日=2007-02-08
作成者=源氏名K (genjina-K)