カラーネーム全色の配列をコピー &lt; システムキット &lt; allis(オールイズ)

CSS3で使用出来る147個のカラーネーム

全てのカラーネームのphp連想配列コード

<?php
$ary = array (
  'black' => '#000000',
  'navy' => '#000080',
  'darkblue' => '#00008b',
  'mediumblue' => '#0000cd',
  'blue' => '#0000ff',
  'darkgreen' => '#006400',
  'green' => '#008000',
  'teal' => '#008080',
  'darkcyan' => '#008b8b',
  'deepskyblue' => '#00bfff',
  'darkturquoise' => '#00ced1',
  'mediumspringgreen' => '#00fa9a',
  'lime' => '#00ff00',
  'springgreen' => '#00ff7f',
  'aqua' => '#00ffff',
  'cyan' => '#00ffff',
  'midnightblue' => '#191970',
  'dodgerblue' => '#1e90ff',
  'lightseagreen' => '#20b2aa',
  'forestgreen' => '#228b22',
  'seagreen' => '#2e8b57',
  'darkslategray' => '#2f4f4f',
  'darkslategrey' => '#2f4f4f',
  'limegreen' => '#32cd32',
  'mediumseagreen' => '#3cb371',
  'turquoise' => '#40e0d0',
  'royalblue' => '#4169e1',
  'steelblue' => '#4682b4',
  'darkslateblue' => '#483d8b',
  'mediumturquoise' => '#48d1cc',
  'indigo' => '#4b0082',
  'darkolivegreen' => '#556b2f',
  'cadetblue' => '#5f9ea0',
  'cornflowerblue' => '#6495ed',
  'slateblue' => '#655acd',
  'mediumaquamarine' => '#66cdaa',
  'dimgray' => '#696969',
  'dimgrey' => '#696969',
  'olivedrab' => '#6b8e23',
  'slategray' => '#708090',
  'slategrey' => '#708090',
  'lightslategray' => '#778899',
  'lightslategrey' => '#778899',
  'mediumslateblue' => '#7b68ee',
  'lawngreen' => '#7cfc00',
  'chartreuse' => '#7fff00',
  'aquamarine' => '#7fffd4',
  'maroon' => '#800000',
  'purple' => '#800080',
  'olive' => '#808000',
  'gray' => '#808080',
  'grey' => '#808080',
  'skyblue' => '#87ceeb',
  'lightskyblue' => '#87cefa',
  'blueviolet' => '#8a2be2',
  'darkred' => '#8b0000',
  'darkmagenta' => '#8b008b',
  'saddlebrown' => '#8b4513',
  'darkseagreen' => '#8fbc8f',
  'lightgreen' => '#90ee90',
  'mediumpurple' => '#9370db',
  'darkviolet' => '#9400d3',
  'palegreen' => '#98fb98',
  'darkorchid' => '#9932cc',
  'yellowgreen' => '#9acd32',
  'sienna' => '#a0522d',
  'brown' => '#a52a2a',
  'darkgray' => '#a9a9a9',
  'darkgrey' => '#a9a9a9',
  'lightblue' => '#add8e6',
  'greenyellow' => '#adff2f',
  'paleturquoise' => '#afeeee',
  'lightsteelblue' => '#b0c4de',
  'powderblue' => '#b0e0e6',
  'firebrick' => '#b22222',
  'darkgoldenrod' => '#b886cd',
  'mediumorchid' => '#ba55d3',
  'rosybrown' => '#bc8f8f',
  'darkkhaki' => '#bdb76b',
  'silver' => '#c0c0c0',
  'mediumvioletred' => '#c71585',
  'indianred' => '#cd5c5c',
  'peru' => '#cd853f',
  'chocolate' => '#d2691e',
  'tan' => '#d2b48c',
  'lightgrey' => '#d3d3d3',
  'lightgray' => '#d3d3d3',
  'thistle' => '#d8bfd8',
  'orchid' => '#da70d6',
  'goldenrod' => '#daa520',
  'palevioletred' => '#db7093',
  'crimson' => '#dc143c',
  'gainsboro' => '#dcdcdc',
  'plum' => '#dda0dd',
  'burlywood' => '#deb887',
  'lightcyan' => '#e0ffff',
  'lavender' => '#e6e6fa',
  'darksalmon' => '#e9967a',
  'violet' => '#ee82ee',
  'palegoldenrod' => '#eee8aa',
  'lightcoral' => '#f08080',
  'khaki' => '#f0e68c',
  'aliceblue' => '#f0f8ff',
  'honeydew' => '#f0fff0',
  'azure' => '#f0ffff',
  'sandybrown' => '#f4a460',
  'wheat' => '#f5deb3',
  'beige' => '#f5f5dc',
  'whitesmoke' => '#f5f5f5',
  'mintcream' => '#f5fffa',
  'ghostwhite' => '#f8f8ff',
  'salmon' => '#fa8072',
  'antiquewhite' => '#faebd7',
  'linen' => '#faf0e6',
  'lightgoldenrodyellow' => '#fafad2',
  'oldlace' => '#fdf5e6',
  'fuchsia' => '#ff00ff',
  'magenta' => '#ff00ff',
  'red' => '#ff0000',
  'deeppink' => '#ff1493',
  'orangered' => '#ff4500',
  'tomato' => '#ff6347',
  'hotpink' => '#ff69b4',
  'coral' => '#ff7f50',
  'darkorange' => '#ff8c00',
  'lightsalmon' => '#ffa07a',
  'orange' => '#ffa500',
  'lightpink' => '#ffb6c1',
  'pink' => '#ffc0cb',
  'gold' => '#ffd700',
  'peachpuff' => '#ffdab9',
  'navajowhite' => '#ffdead',
  'moccasin' => '#ffe4b5',
  'bisque' => '#ffe4c4',
  'mistyrose' => '#ffe4e1',
  'blanchedalmond' => '#ffebcd',
  'papayawhip' => '#ffefd5',
  'lavenderblush' => '#fff0f5',
  'seashell' => '#fff5ee',
  'cornsilk' => '#fff8dc',
  'lemonchiffon' => '#fffacd',
  'floralwhite' => '#fffaf0',
  'snow' => '#fffafa',
  'yellow' => '#ffff00',
  'lightyellow' => '#ffffe0',
  'ivory' => '#fffff0',
  'white' => '#ffffff',
);
?>

全てのカラーネームのjavascript連想配列コード

var object = {
"black" : "#000000"
 ,"navy" : "#000080"
 ,"darkblue" : "#00008b"
 ,"mediumblue" : "#0000cd"
 ,"blue" : "#0000ff"
 ,"darkgreen" : "#006400"
 ,"green" : "#008000"
 ,"teal" : "#008080"
 ,"darkcyan" : "#008b8b"
 ,"deepskyblue" : "#00bfff"
 ,"darkturquoise" : "#00ced1"
 ,"mediumspringgreen" : "#00fa9a"
 ,"lime" : "#00ff00"
 ,"springgreen" : "#00ff7f"
 ,"aqua" : "#00ffff"
 ,"cyan" : "#00ffff"
 ,"midnightblue" : "#191970"
 ,"dodgerblue" : "#1e90ff"
 ,"lightseagreen" : "#20b2aa"
 ,"forestgreen" : "#228b22"
 ,"seagreen" : "#2e8b57"
 ,"darkslategray" : "#2f4f4f"
 ,"darkslategrey" : "#2f4f4f"
 ,"limegreen" : "#32cd32"
 ,"mediumseagreen" : "#3cb371"
 ,"turquoise" : "#40e0d0"
 ,"royalblue" : "#4169e1"
 ,"steelblue" : "#4682b4"
 ,"darkslateblue" : "#483d8b"
 ,"mediumturquoise" : "#48d1cc"
 ,"indigo" : "#4b0082"
 ,"darkolivegreen" : "#556b2f"
 ,"cadetblue" : "#5f9ea0"
 ,"cornflowerblue" : "#6495ed"
 ,"slateblue" : "#655acd"
 ,"mediumaquamarine" : "#66cdaa"
 ,"dimgray" : "#696969"
 ,"dimgrey" : "#696969"
 ,"olivedrab" : "#6b8e23"
 ,"slategray" : "#708090"
 ,"slategrey" : "#708090"
 ,"lightslategray" : "#778899"
 ,"lightslategrey" : "#778899"
 ,"mediumslateblue" : "#7b68ee"
 ,"lawngreen" : "#7cfc00"
 ,"chartreuse" : "#7fff00"
 ,"aquamarine" : "#7fffd4"
 ,"maroon" : "#800000"
 ,"purple" : "#800080"
 ,"olive" : "#808000"
 ,"gray" : "#808080"
 ,"grey" : "#808080"
 ,"skyblue" : "#87ceeb"
 ,"lightskyblue" : "#87cefa"
 ,"blueviolet" : "#8a2be2"
 ,"darkred" : "#8b0000"
 ,"darkmagenta" : "#8b008b"
 ,"saddlebrown" : "#8b4513"
 ,"darkseagreen" : "#8fbc8f"
 ,"lightgreen" : "#90ee90"
 ,"mediumpurple" : "#9370db"
 ,"darkviolet" : "#9400d3"
 ,"palegreen" : "#98fb98"
 ,"darkorchid" : "#9932cc"
 ,"yellowgreen" : "#9acd32"
 ,"sienna" : "#a0522d"
 ,"brown" : "#a52a2a"
 ,"darkgray" : "#a9a9a9"
 ,"darkgrey" : "#a9a9a9"
 ,"lightblue" : "#add8e6"
 ,"greenyellow" : "#adff2f"
 ,"paleturquoise" : "#afeeee"
 ,"lightsteelblue" : "#b0c4de"
 ,"powderblue" : "#b0e0e6"
 ,"firebrick" : "#b22222"
 ,"darkgoldenrod" : "#b886cd"
 ,"mediumorchid" : "#ba55d3"
 ,"rosybrown" : "#bc8f8f"
 ,"darkkhaki" : "#bdb76b"
 ,"silver" : "#c0c0c0"
 ,"mediumvioletred" : "#c71585"
 ,"indianred" : "#cd5c5c"
 ,"peru" : "#cd853f"
 ,"chocolate" : "#d2691e"
 ,"tan" : "#d2b48c"
 ,"lightgrey" : "#d3d3d3"
 ,"lightgray" : "#d3d3d3"
 ,"thistle" : "#d8bfd8"
 ,"orchid" : "#da70d6"
 ,"goldenrod" : "#daa520"
 ,"palevioletred" : "#db7093"
 ,"crimson" : "#dc143c"
 ,"gainsboro" : "#dcdcdc"
 ,"plum" : "#dda0dd"
 ,"burlywood" : "#deb887"
 ,"lightcyan" : "#e0ffff"
 ,"lavender" : "#e6e6fa"
 ,"darksalmon" : "#e9967a"
 ,"violet" : "#ee82ee"
 ,"palegoldenrod" : "#eee8aa"
 ,"lightcoral" : "#f08080"
 ,"khaki" : "#f0e68c"
 ,"aliceblue" : "#f0f8ff"
 ,"honeydew" : "#f0fff0"
 ,"azure" : "#f0ffff"
 ,"sandybrown" : "#f4a460"
 ,"wheat" : "#f5deb3"
 ,"beige" : "#f5f5dc"
 ,"whitesmoke" : "#f5f5f5"
 ,"mintcream" : "#f5fffa"
 ,"ghostwhite" : "#f8f8ff"
 ,"salmon" : "#fa8072"
 ,"antiquewhite" : "#faebd7"
 ,"linen" : "#faf0e6"
 ,"lightgoldenrodyellow" : "#fafad2"
 ,"oldlace" : "#fdf5e6"
 ,"fuchsia" : "#ff00ff"
 ,"magenta" : "#ff00ff"
 ,"red" : "#ff0000"
 ,"deeppink" : "#ff1493"
 ,"orangered" : "#ff4500"
 ,"tomato" : "#ff6347"
 ,"hotpink" : "#ff69b4"
 ,"coral" : "#ff7f50"
 ,"darkorange" : "#ff8c00"
 ,"lightsalmon" : "#ffa07a"
 ,"orange" : "#ffa500"
 ,"lightpink" : "#ffb6c1"
 ,"pink" : "#ffc0cb"
 ,"gold" : "#ffd700"
 ,"peachpuff" : "#ffdab9"
 ,"navajowhite" : "#ffdead"
 ,"moccasin" : "#ffe4b5"
 ,"bisque" : "#ffe4c4"
 ,"mistyrose" : "#ffe4e1"
 ,"blanchedalmond" : "#ffebcd"
 ,"papayawhip" : "#ffefd5"
 ,"lavenderblush" : "#fff0f5"
 ,"seashell" : "#fff5ee"
 ,"cornsilk" : "#fff8dc"
 ,"lemonchiffon" : "#fffacd"
 ,"floralwhite" : "#fffaf0"
 ,"snow" : "#fffafa"
 ,"yellow" : "#ffff00"
 ,"lightyellow" : "#ffffe0"
 ,"ivory" : "#fffff0"
 ,"white" : "#ffffff"
};

全てのカラーネームの色のinput list optionのHTMLコード

<input type="color" list="color_paret_all">
<datalist id="color_paret_all">
<option value="#000000"></option>
<option value="#000080"></option>
<option value="#00008b"></option>
<option value="#0000cd"></option>
<option value="#0000ff"></option>
<option value="#006400"></option>
<option value="#008000"></option>
<option value="#008080"></option>
<option value="#008b8b"></option>
<option value="#00bfff"></option>
<option value="#00ced1"></option>
<option value="#00fa9a"></option>
<option value="#00ff00"></option>
<option value="#00ff7f"></option>
<option value="#00ffff"></option>
<option value="#191970"></option>
<option value="#1e90ff"></option>
<option value="#20b2aa"></option>
<option value="#228b22"></option>
<option value="#2e8b57"></option>
<option value="#2f4f4f"></option>
<option value="#32cd32"></option>
<option value="#3cb371"></option>
<option value="#40e0d0"></option>
<option value="#4169e1"></option>
<option value="#4682b4"></option>
<option value="#483d8b"></option>
<option value="#48d1cc"></option>
<option value="#4b0082"></option>
<option value="#556b2f"></option>
<option value="#5f9ea0"></option>
<option value="#6495ed"></option>
<option value="#655acd"></option>
<option value="#66cdaa"></option>
<option value="#696969"></option>
<option value="#6b8e23"></option>
<option value="#708090"></option>
<option value="#778899"></option>
<option value="#7b68ee"></option>
<option value="#7cfc00"></option>
<option value="#7fff00"></option>
<option value="#7fffd4"></option>
<option value="#800000"></option>
<option value="#800080"></option>
<option value="#808000"></option>
<option value="#808080"></option>
<option value="#87ceeb"></option>
<option value="#87cefa"></option>
<option value="#8a2be2"></option>
<option value="#8b0000"></option>
<option value="#8b008b"></option>
<option value="#8b4513"></option>
<option value="#8fbc8f"></option>
<option value="#90ee90"></option>
<option value="#9370db"></option>
<option value="#9400d3"></option>
<option value="#98fb98"></option>
<option value="#9932cc"></option>
<option value="#9acd32"></option>
<option value="#a0522d"></option>
<option value="#a52a2a"></option>
<option value="#a9a9a9"></option>
<option value="#add8e6"></option>
<option value="#adff2f"></option>
<option value="#afeeee"></option>
<option value="#b0c4de"></option>
<option value="#b0e0e6"></option>
<option value="#b22222"></option>
<option value="#b886cd"></option>
<option value="#ba55d3"></option>
<option value="#bc8f8f"></option>
<option value="#bdb76b"></option>
<option value="#c0c0c0"></option>
<option value="#c71585"></option>
<option value="#cd5c5c"></option>
<option value="#cd853f"></option>
<option value="#d2691e"></option>
<option value="#d2b48c"></option>
<option value="#d3d3d3"></option>
<option value="#d8bfd8"></option>
<option value="#da70d6"></option>
<option value="#daa520"></option>
<option value="#db7093"></option>
<option value="#dc143c"></option>
<option value="#dcdcdc"></option>
<option value="#dda0dd"></option>
<option value="#deb887"></option>
<option value="#e0ffff"></option>
<option value="#e6e6fa"></option>
<option value="#e9967a"></option>
<option value="#ee82ee"></option>
<option value="#eee8aa"></option>
<option value="#f08080"></option>
<option value="#f0e68c"></option>
<option value="#f0f8ff"></option>
<option value="#f0fff0"></option>
<option value="#f0ffff"></option>
<option value="#f4a460"></option>
<option value="#f5deb3"></option>
<option value="#f5f5dc"></option>
<option value="#f5f5f5"></option>
<option value="#f5fffa"></option>
<option value="#f8f8ff"></option>
<option value="#fa8072"></option>
<option value="#faebd7"></option>
<option value="#faf0e6"></option>
<option value="#fafad2"></option>
<option value="#fdf5e6"></option>
<option value="#ff00ff"></option>
<option value="#ff0000"></option>
<option value="#ff1493"></option>
<option value="#ff4500"></option>
<option value="#ff6347"></option>
<option value="#ff69b4"></option>
<option value="#ff7f50"></option>
<option value="#ff8c00"></option>
<option value="#ffa07a"></option>
<option value="#ffa500"></option>
<option value="#ffb6c1"></option>
<option value="#ffc0cb"></option>
<option value="#ffd700"></option>
<option value="#ffdab9"></option>
<option value="#ffdead"></option>
<option value="#ffe4b5"></option>
<option value="#ffe4c4"></option>
<option value="#ffe4e1"></option>
<option value="#ffebcd"></option>
<option value="#ffefd5"></option>
<option value="#fff0f5"></option>
<option value="#fff5ee"></option>
<option value="#fff8dc"></option>
<option value="#fffacd"></option>
<option value="#fffaf0"></option>
<option value="#fffafa"></option>
<option value="#ffff00"></option>
<option value="#ffffe0"></option>
<option value="#fffff0"></option>
<option value="#ffffff"></option>
</datalist>

カラーネームの数と、色の数

カラーネームは全てで「147 」個ですが、 "darkgray, darkslategray, dimgray, gray, lightgrey, lightslategray, slategray, aqua, cyan" にはエイリアス(別名)があるので、色の数は全てで「138 」色です。

CSS2.1 以降で使用出来る17個のカラーネーム

17個のカラーネームのphp連想配列コード

<?php
$ary = array (
  'aqua' => '#00ffff',
  'black' => '#000000',
  'blue' => '#0000ff',
  'fuchsia' => '#ff00ff',
  'gray' => '#808080',
  'green' => '#008000',
  'lime' => '#00ff00',
  'maroon' => '#800000',
  'navy' => '#000080',
  'olive' => '#808000',
  'purple' => '#800080',
  'red' => '#ff0000',
  'silver' => '#c0c0c0',
  'teal' => '#008080',
  'white' => '#ffffff',
  'yellow' => '#ffff00',
  'orange' => '#ffa500',
);
?>

17個のカラーネームのjavascript連想配列コード

var object = {
"aqua" : "#00ffff"
 ,"black" : "#000000"
 ,"blue" : "#0000ff"
 ,"fuchsia" : "#ff00ff"
 ,"gray" : "#808080"
 ,"green" : "#008000"
 ,"lime" : "#00ff00"
 ,"maroon" : "#800000"
 ,"navy" : "#000080"
 ,"olive" : "#808000"
 ,"purple" : "#800080"
 ,"red" : "#ff0000"
 ,"silver" : "#c0c0c0"
 ,"teal" : "#008080"
 ,"white" : "#ffffff"
 ,"yellow" : "#ffff00"
 ,"orange" : "#ffa500"
};

17個のカラーネームの色のinput list optionのHTMLコード

<input type="color" list="color_paret_css2">
<datalist id="color_paret_css2">
<option value="#00ffff"></option>
<option value="#000000"></option>
<option value="#0000ff"></option>
<option value="#ff00ff"></option>
<option value="#808080"></option>
<option value="#008000"></option>
<option value="#00ff00"></option>
<option value="#800000"></option>
<option value="#000080"></option>
<option value="#808000"></option>
<option value="#800080"></option>
<option value="#ff0000"></option>
<option value="#c0c0c0"></option>
<option value="#008080"></option>
<option value="#ffffff"></option>
<option value="#ffff00"></option>
<option value="#ffa500"></option>
</datalist>

html3.2 以降で使用出来る16個のカラーネーム

16個のカラーネームのphp連想配列コード

<?php
$ary = array (
  'aqua' => '#00ffff',
  'black' => '#000000',
  'blue' => '#0000ff',
  'fuchsia' => '#ff00ff',
  'gray' => '#808080',
  'green' => '#008000',
  'lime' => '#00ff00',
  'maroon' => '#800000',
  'navy' => '#000080',
  'olive' => '#808000',
  'purple' => '#800080',
  'red' => '#ff0000',
  'silver' => '#c0c0c0',
  'teal' => '#008080',
  'white' => '#ffffff',
  'yellow' => '#ffff00',
);
?>

16個のカラーネームのjavascript連想配列コード

var object = {
"aqua" : "#00ffff"
 ,"black" : "#000000"
 ,"blue" : "#0000ff"
 ,"fuchsia" : "#ff00ff"
 ,"gray" : "#808080"
 ,"green" : "#008000"
 ,"lime" : "#00ff00"
 ,"maroon" : "#800000"
 ,"navy" : "#000080"
 ,"olive" : "#808000"
 ,"purple" : "#800080"
 ,"red" : "#ff0000"
 ,"silver" : "#c0c0c0"
 ,"teal" : "#008080"
 ,"white" : "#ffffff"
 ,"yellow" : "#ffff00"
};

16個のカラーネームの色のinput list optionのHTMLコード

<input type="color" list="color_paret_html3">
<datalist id="color_paret_html3">
<option value="#00ffff"></option>
<option value="#000000"></option>
<option value="#0000ff"></option>
<option value="#ff00ff"></option>
<option value="#808080"></option>
<option value="#008000"></option>
<option value="#00ff00"></option>
<option value="#800000"></option>
<option value="#000080"></option>
<option value="#808000"></option>
<option value="#800080"></option>
<option value="#ff0000"></option>
<option value="#c0c0c0"></option>
<option value="#008080"></option>
<option value="#ffffff"></option>
<option value="#ffff00"></option>
</datalist>

更新履歴

2014-04-03 公開