SYNCERのロゴ
アイキャッチ画像

カラーネームの一覧

CSSで定義されているカラーネームの一覧をまとめています。カラーネームは、CSS1(16色)からCSS3(147色)へと増えていきました。これらは、スタイルシートで色を指定する時、キーワードとして利用できます。

CSS Level 1 (16色)

CSS Level 2 (17色)

CSS Level 3 (147色)

  • aliceblue#f0f8ff240, 248, 255詳細
  • antiquewhite#faebd7250, 235, 215詳細
  • aqua#00ffff0, 255, 255詳細
  • aquamarine#7fffd4127, 255, 212詳細
  • azure#f0ffff240, 255, 255詳細
  • beige#f5f5dc245, 245, 220詳細
  • bisque#ffe4c4255, 228, 196詳細
  • black#0000000, 0, 0詳細
  • blanchedalmond#ffebcd255, 235, 205詳細
  • blue#0000ff0, 0, 255詳細
  • blueviolet#8a2be2138, 43, 226詳細
  • brown#a52a2a165, 42, 42詳細
  • burlywood#deb887222, 184, 135詳細
  • cadetblue#5f9ea095, 158, 160詳細
  • chartreuse#7fff00127, 255, 0詳細
  • chocolate#d2691e210, 105, 30詳細
  • coral#ff7f50255, 127, 80詳細
  • cornflowerblue#6495ed100, 149, 237詳細
  • cornsilk#fff8dc255, 248, 220詳細
  • crimson#dc143c220, 20, 60詳細
  • cyan#00ffff0, 255, 255詳細
  • darkblue#00008b0, 0, 139詳細
  • darkcyan#008b8b0, 139, 139詳細
  • darkgoldenrod#b8860b184, 134, 11詳細
  • darkgray#a9a9a9169, 169, 169詳細
  • darkgreen#0064000, 100, 0詳細
  • darkgrey#a9a9a9169, 169, 169詳細
  • darkkhaki#bdb76b189, 183, 107詳細
  • darkmagenta#8b008b139, 0, 139詳細
  • darkolivegreen#556b2f85, 107, 47詳細
  • darkorange#ff8c00255, 140, 0詳細
  • darkorchid#ff8c00255, 140, 0詳細
  • darkred#8b0000139, 0, 0詳細
  • darksalmon#e9967a233, 150, 122詳細
  • darkseagreen#8fbc8f143, 188, 143詳細
  • darkslateblue#483d8b72, 61, 139詳細
  • darkslategray#2f4f4f47, 79, 79詳細
  • darkslategrey#2f4f4f47, 79, 79詳細
  • darkturquoise#00ced10, 206, 209詳細
  • darkviolet#9400d3148, 0, 211詳細
  • deeppink#ff1493255, 20, 147詳細
  • deepskyblue#00bfff0, 191, 255詳細
  • dimgray#696969105, 105, 105詳細
  • dimgrey#696969105, 105, 105詳細
  • dodgerblue#1e90ff30, 144, 255詳細
  • firebrick#b22222178, 34, 34詳細
  • floralwhite#fffaf0255, 250, 240詳細
  • forestgreen#228b2234, 139, 34詳細
  • fuchsia#ff00ff255, 0, 255詳細
  • gainsboro#dcdcdc220, 220, 220詳細
  • ghostwhite#f8f8ff248, 248, 255詳細
  • gold#ffd700255, 215, 0詳細
  • goldenrod#daa520218, 165, 32詳細
  • gray#808080128, 128, 128詳細
  • green#0080000, 128, 0詳細
  • greenyellow#adff2f173, 255, 47詳細
  • grey#808080128, 128, 128詳細
  • honeydew#f0fff0240, 255, 240詳細
  • hotpink#ff69b4255, 105, 180詳細
  • indianred#cd5c5c205, 92, 92詳細
  • indigo#4b008275, 0, 130詳細
  • ivory#fffff0255, 255, 240詳細
  • khaki#f0e68c240, 230, 140詳細
  • lavender#e6e6fa230, 230, 250詳細
  • lavenderblush#fff0f5255, 240, 245詳細
  • lawngreen#7cfc00124, 252, 0詳細
  • lemonchiffon#fffacd255, 250, 205詳細
  • lightblue#add8e6173, 216, 230詳細
  • lightcoral#f08080240, 128, 128詳細
  • lightcyan#e0ffff224, 255, 255詳細
  • lightgoldenrodyellow#fafad2250, 250, 210詳細
  • lightgray#d3d3d3211, 211, 211詳細
  • lightgreen#90ee90144, 238, 144詳細
  • lightgrey#d3d3d3211, 211, 211詳細
  • lightpink#ffb6c1255, 182, 193詳細
  • lightsalmon#ffa07a255, 160, 122詳細
  • lightseagreen#20b2aa32, 178, 170詳細
  • lightskyblue#87cefa135, 206, 250詳細
  • lightslategray#778899119, 136, 153詳細
  • lightslategrey#778899119, 136, 153詳細
  • lightsteelblue#b0c4de176, 196, 222詳細
  • lightyellow#ffffe0255, 255, 224詳細
  • lime#00ff000, 255, 0詳細
  • limegreen#32cd3250, 205, 50詳細
  • linen#faf0e6250, 240, 230詳細
  • magenta#ff00ff255, 0, 255詳細
  • maroon#800000128, 0, 0詳細
  • mediumaquamarine#66cdaa102, 205, 170詳細
  • mediumblue#0000cd0, 0, 205詳細
  • mediumorchid#ba55d3186, 85, 211詳細
  • mediumpurple#9370db147, 112, 219詳細
  • mediumseagreen#3cb37160, 179, 113詳細
  • mediumslateblue#7b68ee123, 104, 238詳細
  • mediumspringgreen#00fa9a0, 250, 154詳細
  • mediumturquoise#48d1cc72, 209, 204詳細
  • mediumvioletred#c71585199, 21, 133詳細
  • midnightblue#19197025, 25, 112詳細
  • mintcream#f5fffa245, 255, 250詳細
  • mistyrose#ffe4e1255, 228, 225詳細
  • moccasin#ffe4b5255, 228, 181詳細
  • navajowhite#ffdead255, 222, 173詳細
  • navy#0000800, 0, 128詳細
  • oldlace#fdf5e6253, 245, 230詳細
  • olive#808000128, 128, 0詳細
  • olivedrab#6b8e23107, 142, 35詳細
  • orange#ffa500255, 165, 0詳細
  • orangered#ff4500255, 69, 0詳細
  • orchid#da70d6218, 112, 214詳細
  • palegoldenrod#eee8aa238, 232, 170詳細
  • palegreen#98fb98152, 251, 152詳細
  • paleturquoise#afeeee175, 238, 238詳細
  • palevioletred#db7093219, 112, 147詳細
  • papayawhip#ffefd5255, 239, 213詳細
  • peachpuff#ffdab9255, 218, 185詳細
  • peru#cd853f205, 133, 63詳細
  • pink#ffc0cb255, 192, 203詳細
  • plum#dda0dd221, 160, 221詳細
  • powderblue#b0e0e6176, 224, 230詳細
  • purple#800080128, 0, 128詳細
  • rebeccapurple#663399102, 51, 153詳細
  • red#ff0000255, 0, 0詳細
  • rosybrown#bc8f8f188, 143, 143詳細
  • royalblue#4169e165, 105, 225詳細
  • saddlebrown#8b4513139, 69, 19詳細
  • salmon#fa8072250, 128, 114詳細
  • sandybrown#f4a460244, 164, 96詳細
  • seagreen#2e8b5746, 139, 87詳細
  • seashell#fff5ee255, 245, 238詳細
  • sienna#a0522d160, 82, 45詳細
  • silver#c0c0c0192, 192, 192詳細
  • skyblue#87ceeb135, 206, 235詳細
  • slateblue#6a5acd106, 90, 205詳細
  • slategray#708090112, 128, 144詳細
  • slategrey#708090112, 128, 144詳細
  • snow#fffafa255, 250, 250詳細
  • springgreen#00ff7f0, 255, 127詳細
  • steelblue#4682b470, 130, 180詳細
  • tan#d2b48c210, 180, 140詳細
  • teal#0080800, 128, 128詳細
  • thistle#d8bfd8216, 191, 216詳細
  • tomato#ff6347255, 99, 71詳細
  • turquoise#40e0d064, 224, 208詳細
  • violet#ee82ee238, 130, 238詳細
  • wheat#f5deb3245, 222, 179詳細
  • white#ffffff255, 255, 255詳細
  • whitesmoke#f5f5f5245, 245, 245詳細
  • yellow#ffff00255, 255, 0詳細
  • yellowgreen#9acd32154, 205, 50詳細
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年9月5日 (火)
コンテンツを公開しました。