Web Safe Color以外の色2
|
★ 各色を指定した時に実際どのような色が出るかを参考にして頂くページです ★
|
- 色名での指定ができる色の一覧です。
- 色の名前には大文字小文字の区別がありません。
- この一覧の色はモニタ設定が24bit以上でないと正しい色が表示しません。
- モニタ色数の設定が256色の場合の表示色を表記しましたので参考にして下さい。
- HTMLで色指定する際は、『16進数』もしくは『英語』で色を指定します。『10進数』は使用しませんが、他の用途で使用する場合があるので表記しておきました。(左からRed、Green、Blue)
- 『表示例』部分は、『bgcolor』に『16進数』で指定しています。
- (*)マークの『aliceblue』を使用する際は、ブラウザによっては全く別の色(#A0CE00)で表示されてしまう場合がありますので、『16進数』で指定する事をおすすめします。
- ★マークの色はWeb Safe Colorです。
- このデータは色相順に並べています。
|
Yellow
色 | 彩 | 明 | 表示例 | 色名 | 16進数 | 10進数 | 256色 |
---|
40 | 240 | 233 | | ivory | #FFFFF0 | 255,255,240 | ■#FFFFFF | 40 | 240 | 225 | | lightyellow | #FFFFE0 | 255,255,224 | ■#FFFFFF | 40 | 133 | 219 | | beige | #F5F5DC | 245,245,220 | ■#FFFFCC | 40 | 192 | 216 | | lightgoldenrodyellow | #FAFAD2 | 250,250,210 | ■#FFFFCC | 40 | 240 | 120 | | yellow | #FFFF00 | 255,255,0 | ★#FFFF00 | 40 | 240 | 60 | | olive | #808000 | 128,128,0 | ■#999900 |
色 | 彩 | 明 | 表示例 | 色名 | 16進数 | 10進数 | 256色 |
---|
53 | 146 | 120 | | yellowgreen | #9ACD32 | 154,205,50 | ■#99CC33 | 53 | 145 | 83 | | olivedrab | #6B8E23 | 107,142,35 | ■#669933 | 55 | 94 | 72 | | darkolivegreen | #556B2F | 85,107,47 | ■#666633 | 56 | 240 | 142 | | greenyellow | #ADFF2F | 173,255,47 | ■#99FF33 | 60 | 240 | 120 | | chartreuse | #7FFF00 | 127,255,0 | ■#66FF00 | 60 | 240 | 119 | | lawngreen | #7CFC00 | 124,252,0 | ■#66FF00 |
Green
色 | 彩 | 明 | 表示例 | 色名 | 16進数 | 10進数 | 256色 |
---|
80 | 240 | 233 | | honeydew | #F0FFF0 | 240,255,240 | ■#FFFFFF | 80 | 222 | 190 | | palegreen | #98FB98 | 152,251,152 | ■#99FF99 | 80 | 176 | 180 | | lightgreen | #90EE90 | 144,238,144 | ■#99FF99 | 80 | 60 | 156 | | darkseagreen | #8FBC8F | 143,188,143 | ■#99CC99 | 80 | 240 | 120 | | lime | #00FF00 | 0,255,0 | ★#00FF00 | 80 | 146 | 120 | | limegreen | #32CD32 | 50,205,50 | ■#33CC33 | 80 | 146 | 81 | | forestgreen | #228B22 | 34,139,34 | ■#339933 | 80 | 240 | 60 | | green | #008000 | 0,128,0 | ■#009900 | 80 | 240 | 47 | | darkgreen | #006400 | 0,100,0 | ■#006600 |
色 | 彩 | 明 | 表示例 | 色名 | 16進数 | 10進数 | 256色 |
---|
98 | 119 | 112 | | mediumseagreen | #3CB371 | 60,179,113 | ■#33CC66 | 98 | 121 | 87 | | seagreen | #2E8B57 | 46,139,87 | ■#339966 | 100 | 240 | 235 | | mintcream | #F5FFFA | 245,255,250 | ■#FFFFFF | 100 | 240 | 120 | | springgreen | #00FF7F | 0,255,127 | ■#00FF66 | 106 | 122 | 144 | | mediumaquamarine | #66CDAA | 102,205,170 | ■#66CC99 | 116 | 173 | 136 | | turquoise | #40E0D0 | 64,224,208 | ■#33CCCC ■#33FFCC | 118 | 167 | 99 | | lightseagreen | #20B2AA | 32,178,170 | ■#339999 ■#33CC99 | 119 | 144 | 132 | | mediumturquoise | #48D1CC | 72,209,204 | ■#33CCCC | 105 | 240 | 118 | | mediumspringgreen | #00FA9A | 0,250,154 | ■#00FF99 | 107 | 240 | 180 | | aquamarine | #7FFFD4 | 127,255,212 | ■#66FFCC |
Cyan
色 | 彩 | 明 | 表示例 | 色名 | 16進数 | 10進数 | 256色 |
---|
120 | 240 | 233 | | azure | #F0FFFF | 240,255,255 | ■#FFFFFF | 120 | 240 | 225 | | lightcyan | #E0FFFF | 224,255,255 | ■#CCFFFF ■#FFFFFF | 120 | 156 | 194 | | paleturquoise | #AFEEEE | 175,238,238 | ■#99FFFF | 120 | 240 | 120 | | cyan | #00FFFF | 0,255,255 | ★#00FFFF | 120 | 240 | 120 | | aqua | #00FFFF | 0,255,255 | ★#00FFFF | 120 | 240 | 65 | | darkcyan | #008B8B | 0,139,139 | ■#009999 | 120 | 240 | 60 | | teal | #008080 | 0,128,128 | ■#009999 | 120 | 61 | 59 | | darkslategray | #2F4F4F | 47,79,79 | ■#336666 ■#333333 |
|