Web Safe Color以外の色3
|
★ 各色を指定した時に実際どのような色が出るかを参考にして頂くページです ★
|
- 色名での指定ができる色の一覧です。
- 色の名前には大文字小文字の区別がありません。
- この一覧の色はモニタ設定が24bit以上でないと正しい色が表示しません。
- モニタ色数の設定が256色の場合の表示色を表記しましたので参考にして下さい。
- HTMLで色指定する際は、『16進数』もしくは『英語』で色を指定します。『10進数』は使用しませんが、他の用途で使用する場合があるので表記しておきました。(左からRed、Green、Blue)
- 『表示例』部分は、『bgcolor』に『16進数』で指定しています。
- (*)マークの『aliceblue』を使用する際は、ブラウザによっては全く別の色(#A0CE00)で表示されてしまう場合がありますので、『16進数』で指定する事をおすすめします。
- ★マークの色はWeb Safe Colorです。
- このデータは色相順に並べています。
|
色 | 彩 | 明 | 表示例 | 色名 | 16進数 | 10進数 | 256色 |
---|
121 | 61 | 120 | | cadetblue | #5F9EA0 | 95,158,160 | ■#669999 | 121 | 240 | 98 | | darkturquoise | #00CED1 | 0,206,209 | ■#00CCCC | 124 | 125 | 191 | | powderblue | #B0E0E6 | 176,224,230 | ■#99CCFF ■#CCFFFF | 130 | 128 | 190 | | lightblue | #ADD8E6 | 173,216,230 | ■#99CCFF | 130 | 240 | 120 | | deepskyblue | #00BFFF | 0,191,255 | ■#00CCFF | 132 | 171 | 174 | | skyblue | #87CEEB | 135,206,235 | ■#99CCFF | 135 | 221 | 181 | | lightskyblue | #87CEFA | 135,206,250 | ■#99CCFF | 138 | 106 | 118 | | steelblue | #4682B4 | 70,130,180 | ■#3399CC | 139 | 240 | 233 | | aliceblue (*) | #F0F8FF | 240,248,255 | ■#FFFFFF ■#99CC00 | 140 | 240 | 134 | | dodgerblue | #1E90FF | 30,144,255 | ■#3399FF ■#0099FF | 140 | 34 | 128 | | lightslategray | #778899 | 119,136,153 | ■#669999 | 140 | 30 | 120 | | slategray | #708090 | 112,128,144 | ■#669999 | 143 | 99 | 187 | | lightsteelblue | #B0C4DE | 176,196,222 | ■#99CCCC ■#CCCCCC | 146 | 190 | 159 | | cornflowerblue | #6495ED | 100,149,237 | ■#6699FF | 150 | 175 | 136 | | royalblue | #4169E1 | 65,105,225 | ■#3366CC ■#3366FF |
Blue
色 | 彩 | 明 | 表示例 | 色名 | 16進数 | 10進数 | 256色 |
---|
160 | 240 | 237 | | ghostwhite | #F8F8FF | 248,248,255 | ■#FFFFFF | 160 | 160 | 226 | | lavender | #E6E6FA | 230,230,250 | ■#FFFFFF | 160 | 240 | 120 | | blue | #0000FF | 0,0,255 | ★#0000FF | 160 | 240 | 96 | | mediumblue | #0000CD | 0,0,205 | ■#0000CC | 160 | 240 | 65 | | darkblue | #00008B | 0,0,139 | ■#000099 | 160 | 152 | 64 | | midnightblue | #191970 | 25,25,112 | ■#000066 | 160 | 240 | 60 | | navy | #000080 | 0,0,128 | ■#000099 |
色 | 彩 | 明 | 表示例 | 色名 | 16進数 | 10進数 | 256色 |
---|
166 | 191 | 161 | | mediumslateblue | #7B68EE | 123,104,238 | ■#6666FF | 166 | 128 | 139 | | slateblue | #6A5ACD | 106,90,205 | ■#6666CC | 166 | 94 | 94 | | darkslateblue | #483D8B | 72,61,139 | ■#333399 | 173 | 143 | 156 | | mediumpurple | #9370DB | 147,112,219 | ■#9966CC | 181 | 182 | 127 | | blueviolet | #8A2BE2 | 138,43,226 | ■#9933CC ■#9933FF | 183 | 240 | 61 | | indigo | #4B0082 | 75,0,130 | ■#330099 | 187 | 146 | 120 | | darkorchid | #9932CC | 153,50,204 | ■#9933CC | 188 | 240 | 99 | | darkviolet | #9400D3 | 148,0,211 | ■#9900CC | 192 | 141 | 139 | | mediumorchid | #BA55D3 | 186,85,211 | ■#CC66CC |
Magenta
色 | 彩 | 明 | 表示例 | 色名 | 16進数 | 10進数 | 256色 |
---|
200 | 58 | 192 | | thistle | #D8BFD8 | 216,191,216 | ■#CCCCCC | 200 | 113 | 179 | | plum | #DDA0DD | 221,160,221 | ■#CC99CC | 200 | 183 | 173 | | violet | #EE82EE | 238,130,238 | ■#FF99FF | 200 | 240 | 120 | | magenta | #FF00FF | 255,0,255 | ★#FF00FF | 200 | 240 | 120 | | fuchsia | #FF00FF | 255,0,255 | ★#FF00FF | 200 | 240 | 65 | | darkmagenta | #8B008B | 139,0,139 | ■#990099 | 200 | 240 | 60 | | purple | #800080 | 128,0,128 | ■#990099 |
色 | 彩 | 明 | 表示例 | 色名 | 16進数 | 10進数 | 256色 |
---|
202 | 141 | 155 | | orchid | #DA70D6 | 218,112,214 | ■#CC66CC | 215 | 194 | 104 | | mediumvioletred | #C71585 | 199,21,133 | ■#CC0099 | 218 | 240 | 129 | | deeppink | #FF1493 | 255,20,147 | ■#FF0099 | 220 | 240 | 169 | | hotpink | #FF69B4 | 255,105,180 | ■#FF66CC | 227 | 240 | 233 | | lavenderblush | #FFF0F5 | 255,240,245 | ■#FFFFFF | 227 | 143 | 156 | | palevioletred | #DB7093 | 219,112,147 | ■#CC6699 | 232 | 200 | 113 | | crimson | #DC143C | 220,20,60 | ■#CC0033 | 233 | 240 | 210 | | pink | #FFC0CB | 255,192,203 | ■#FFCCCC | 234 | 240 | 206 | | lightpink | #FFB6C1 | 255,182,193 | ■#FFCCCC |
|