本ページはプロモーションが含まれています
ブログなどで文字の色を変えたり、背景色を変えたりする際に便利なブラウザで定義されているカラー名の147色とWebセーフカラーの216色を紹介します。
カラー名は一般的なブラウザが対応している色名です。
またWebセーフカラーはMacintoshとWindowsで異なる40色を除いた216色のことを指します。
このカラーを使用すればブラウザやOSの違いによって生じる色の違いを少なくすることができます。
こんな人におすすめ
- ブログを書いている初心者～中級者
- WordPressでブログを書いている初心者～中級者
カラーネーム147色
ホワイト系～ブラック系
| white #FFFFFF 255:255:255 | whitesmoke #F5F5F5 245:245:245 | gainsboro #DCDCDC 220:220:220 | lightgrey #D3D3D3 211:211:211 |
| lightgray #D3D3D3 211:211:211 | silver #C0C0C0 192:192:192 | darkgray #A9A9A9 169:169:169 | darkgrey #A9A9A9 169:169:169 |
| gray #808080 128:128:128 | grey #808080 128:128:128 | dimgray #696969 105:105:105 | dimgrey #696969 105:105:105 |
| black #000000 0:0:0 |
レッド系
| snow #FFFAFA 255:250:250 | seashell #FFF5EE 255:245:238 | lavenderblush #FFF0F5 255:240:245 | mistyrose #FFE4E1 255:228:225 |
| antiquewhite #FAEBD7 250:235:215 | lightpink #FFB6C1 255:182:193 | pink #FFC0CB 255:192:203 | rosybrown #BC8F8F 188:143:143 |
| hotpink #FF69B4 255:105:180 | deeppink #FF1493 255:20:147 | lightsalmon #FFA07A 255:160:122 | salmon #FA8072 250:128:114 |
| darksalmon #E9967A 233:150:122 | lightcoral #F08080 240:128:128 | coral #FF7F50 255:127:80 | tomato #FF6347 255:99:71 |
| indianred #CD5C5C 205:92:92 | orangered #FF4500 255:69:0 | red #FF0000 255:0:0 | crimson #DC143C 220:20:60 |
| firebrick #B22222 178:34:34 | brown #A52A2A 165:42:42 | darkred #8B0000 139:0:0 | maroon #800000 128:0:0 |
| saddlebrown #8B4513 139:69:19 | sienna #A0522D 160:82:45 | chocolate #D2691E 210:105:30 | peru #CD853F 205:133:63 |
| burlywood #DEB887 222:184:135 | tan #D2B48C 210:180:140 |
オレンジ・イエロー系
| ivory #FFFFF0 255:255:240 | linen #FAF0E6 250:240:230 | oldlace #FDF5E6 253:245:230 | cornsilk #FFF8DC 255:248:220 |
| lightyellow #FFFFE0 255:255:224 | beige #F5F5DC 245:245:220 | lightgoldenrodyellow #FAFAD2 250:250:210 | lemonchiffon #FFFACD 255:250:205 |
| blanchedalmond #FFEBCD 255:235:205 | bisque #FFE4C4 255:228:196 | peachpuff #FFDAB9 255:218:185 | moccasin #FFE4B5 255:228:181 |
| navajowhite #FFDEAD 255:222:173 | wheat #F5DEB3 245:222:179 | palegoldenrod #EEE8AA 238:232:170 | khaki #F0E68C 240:230:140 |
| sandybrown #F4A460 244:164:96 | yellow #FFFF00 255:255:0 | gold #FFD700 255:215:0 | orange #FFA500 255:165:0 |
| darkorange #FF8C00 255:140:0 | darkgoldenrod #B8860B 184:134:11 | goldenrod #DAA520 218:165:32 | darkkhaki #BDB76B 189:183:107 |
グリーン系
| azure #F0FFFF 240:255:255 | honeydew #F0FFF0 240:255:240 | mintcream #F5FFFA 245:255:250 | palegreen #98FB98 152:251:152 |
| lightgreen #90EE90 144:238:144 | palegreen #98FB98 152:251:152 | yellowgreen #9ACD32 154:205:50 | greenyellow #ADFF2F 173:255:47 |
| lawngreen #7CFC00 124:252:0 | chartreuse #7FFF00 127:255:0 | lime #00FF00 0:255:0 | springgreen #00FF7F 0:255:127 |
| mediumspringgreen #00FA9A 0:255:154 | limegreen #32CD32 50:205:50 | mediumseagreen #3CB371 60:179:113 | seagreen #2E8B57 46:139:87 |
| forestgreen #228B22 34:139:34 | green #008000 0:128:0 | darkgreen #006400 0:100:0 | olivedrab #6B8E23 107:142:35 |
| darkolivegreen #556B2F 85:107:47 | olive #808000 128:128:0 | darkseagreen #8FBC8F 143:188:143 | mediumaquamarine #66CDAA 102:205:170 |
| turquoise #40E0D0 64:224:208 | lightseagreen #20B2AA 32:178:170 | darkcyan #008B8B 0:139:139 | teal #008080 0:128:128 |
| cadetblue #5F9EA0 102:205:170 | darkslategray #2F4F4F 47:79:79 | darkslategrey #2F4F4F 47:79:79 |
ブルー系
| mediumorchid #BA55D3 186:85:211 |
| lightslategray #778899 119:136:153 |
| lightslategrey #778899 119:136:153 |
| ghostwhite #F8F8FF 248:248:255 |
| aliceblue #F0F8FF 240:248:255 |
| papayawhite #FFEFD5 |
| floralwhite #FFFAF0 |
| indigo #4B0082 |
| cornflowerblue #6495ED |
| slateblue #6A5ACD |
| slategray #708090 |
| slategrey #708090 |
| aquamarine #7FFFD4 |
| lightskyblue #87CEFA |
| mediumturquoise #48D1CC |
| blueviolet #8A2BE2 |
| darkmagenta #8B008B |
| darkviolet #9400D3 |
| darkviolet #9400D3 |
| mediumpurple #9370DB |
| darkorchid #9932CC |
| lavendar #E6E6FA |
| lightcyan #E0FFFF |
| powderblue #B0E0E6 |
| lightsteelblue #B0C4DE |
| paleturquoise #AFEEEE |
| lightblue #ADD8E6 |
| mediumpurple #9370DB |
| skyblue #87CEEB |
| mediumslateblue #7B68EE |
| darkslateblue #483D8B |
| steelblue #4682B4 |
| royalblue #4169E1 |
| dodgerblue #1E90FF |
| midnightblue #191970 |
| cyan #00FFFF |
| aqua #00FFFF |
| darkturquoise #00CED1 |
| deepskyblue #00BFFF |
| blue #0000FF |
| mediumblue #0000CD |
| darkblue #00008B |
| navy #000080 |
パープル系
| thistle #D8BFD8 216:191:216 |
| plum #DDA0DD 221:160:221 |
| violet #EE82EE 238:130:238 |
| orchid #DA70D6 218:112:214 |
| magenta #FF00FF 255:0:255 |
| fuchsia #FF00FF 255:0:255 |
| purple #800080 128:0:128 |
| mediumvioletred #C71585 199:21:133 |
| palevioletred #DB7093 219:112:147 |
Webセーフカラー216色
| #FFFFFF | #FFFFCC | #FFFF99 | #FFFF66 | #FFFF33 | #FFFF00 |
| #FFCCFF | #FFCCCC | #FFCC99 | #FFCC66 | #FFCC33 | #FFCC00 |
| #FF99FF | #FF99CC | #FF9999 | #FF9966 | #FF9933 | #FF9900 |
| #FF66FF | #FF66CC | #FF6699 | #FF6666 | #FF6633 | #FF6600 |
| #FF33FF | #FF33CC | #FF3399 | #FF3366 | #FF3333 | #FF3300 |
| #FF00FF | #FF00CC | #FF0099 | #FF0066 | #FF0033 | #FF0000 |
| #CCFFFF | #CCFFCC | #CCFF99 | #CCFF66 | #CCFF33 | #CCFF00 |
| #CCCCFF | #CCCCCC | #CCCC99 | #CCCC66 | #CCCC33 | #CCCC00 |
| #CC99FF | #CC99CC | #CC9999 | #CC9966 | #CC9933 | #CC9900 |
| #CC66FF | #CC66CC | #CC6699 | #CC6666 | #CC6633 | #CC6600 |
| #CC33FF | #CC33CC | #CC3399 | #CC3366 | #CC3333 | #CC3300 |
| #CC00FF | #CC00CC | #CC0099 | #CC0066 | #CC0033 | #CC0000 |
| #99FFFF | #99FFCC | #99FF99 | #99FF66 | #99FF33 | #99FF00 |
| #99CCFF | #99CCCC | #99CC99 | #99CC66 | #99CC33 | #99CC00 |
| #9999FF | #9999CC | #999999 | #999966 | #999933 | #999900 |
| #9966FF | #9966CC | #996699 | #996666 | #996633 | #996600 |
| #9933FF | #9933CC | #993399 | #993366 | #993333 | #993300 |
| #9900FF | #9900CC | #990099 | #990066 | #990033 | #990000 |
| #66FFFF | #66FFCC | #66FF99 | #66FF66 | #66FF33 | #66FF00 |
| #66CCFF | #66CCCC | #66CC99 | #66CC66 | #66CC33 | #66CC00 |
| #6699FF | #6699CC | #669999 | #669966 | #669933 | #669900 |
| #6666FF | #6666CC | #666699 | #990066 | #666633 | #666600 |
| #6633FF | #6633CC | #663399 | #663366 | #663333 | #663300 |
| #6600FF | #6600CC | #660099 | #660066 | #660033 | #660000 |
| #33FFFF | #33FFCC | #33FF99 | #33FF66 | #33FF33 | #33FF00 |
| #33CCFF | #33CCCC | #33CC99 | #33CC66 | #33CC33 | #33CC00 |
| #3399FF | #3399CC | #339999 | #339966 | #339933 | #339900 |
| #3366FF | #3366CC | #336699 | #336666 | #336633 | #336600 |
| #3333FF | #3333CC | #333399 | #333366 | #333333 | #333300 |
| #3300FF | #3300CC | #330099 | #330066 | #330033 | #330000 |
| #00FFFF | #00FFCC | #00FF99 | #00FF66 | #00FF33 | #00FF00 |
| #00CCFF | #00CCCC | #00CC99 | #00CC66 | #00CC33 | #00CC00 |
| #0099FF | #0099CC | #009999 | #009966 | #009933 | #009900 |
| #0066FF | #0066CC | #006699 | #006666 | #006633 | #006600 |
| #0033FF | #0033CC | #003399 | #003366 | #003333 | #003300 |
| #0000FF | #0000CC | #000099 | #000066 | #000033 | #000000 |
よく読まれている記事
WordPressはブログやホームページを誰でも簡単に管理・運営するために開発されたサイト構築サービスです。 インターネット上にあるWebサイトのおよそ4割はWordPressを利用して作られています ... アフィリエイトに興味を持つ人が増えていますが、実際にどのように始めたらいいのか、どのような仕組みで稼げるようになるのか分からなくないですか？ そこで今回は、アフィリエイトで稼ぐために必要な知識を学べる ... 副業のためのアフィリエイトブログ、自分のコレクションを紹介する趣味ブログなど本気でブログを開設するためにはWordPressは必須です。ブログ以外でもWordPressは企業サイトなどにも数多く利用さ ... 副業のためのアフィリエイトブログ、自分のコレクションを紹介する趣味ブログなど本気でブログを開設するためにはWordPressは必須です。ブログ以外でもWordPressは企業サイトなどにも数多く利用さ ... 長引く不況で給料が上がらない、定収入をどうにかしたい、お小遣いを増やしたいなど副業を始める理由はいろいろとあると思います。 でも実際にどうやってブログで稼ぐのか分からない人が大半です。 今回はブログを ...チェック
【初心者向け】WordPressブログの始め方
チェック
【初心者必見】アフィリエイトで稼ぐブログの仕組み
チェック
【初心者向け】ロリポップでWordPressを始める方法をご紹介
チェック
【初心者向け】エックスサーバーでWordPressを始める方法をご紹介［WordPressクイックスタート編］
チェック
【初心者向け】ブログで副業を始める方法
