UNIX X11 Colors || WEBカラーリスト 140色のソート方法 、、が分からん
色々やったけど、数値比較やらでソートしてもあんまし綺麗になんないし、
ロジックでやるのはできないのかしら。。結局わからず、人力作成。
カラーピッカーや、カラーリストを作りたいときなどに。
UNIX X11カラー140色(UNIX X11 Colors)
並べ方いろいろ
下のソースにある colors140 を使うとこんなかんじのカラー表を作れます。
既存のカラーピッカーを使うのではなく、独自で色関連のなんか作るとき等に。
区切りをどこにするかで、並びは全部同じなんだけど、だいぶ印象がちがうみたい。
個人的には、28×5の並び方が一番しっくりくるとおもう。これを-90度回転させたらちょうどいいかも。
3x44 + (1*7)
■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
6x22 + (1*7)
■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■
7×20
■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■
14×10
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
28×5
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
■■■■■
ソース
<script>
var colors140 = [
"black,000000",
"dimgray,696969",
"gray,808080",
"darkgray,A9A9A9",
"silver,C0C0C0",
"lightgrey,D3D3D3",
"gainsboro,DCDCDC",
"whitesmoke,F5F5F5",
"white,FFFFFF",
"snow,FFFAFA",
"ghostwhite,F8F8FF",
"floralwhite,FFFAF0",
"linen,FAF0E6",
"antiquewhite,FAEBD7",
"papayawhip,FFEFD5",
"blanchedalmond,FFEBCD",
"bisque,FFE4C4",
"moccasin,FFE4B5",
"navajowhite,FFDEAD",
"peachpuff,FFDAB9",
"mistyrose,FFE4E1",
"lavenderblush,FFF0F5",
"seashell,FFF5EE",
"oldlace,FDF5E6",
"ivory,FFFFF0",
"honeydew,F0FFF0",
"mintcream,F5FFFA",
"azure,F0FFFF",
"aliceblue,F0F8FF",
"lavender,E6E6FA",
"lightsteelblue,B0C4DE",
"lightslategray,778899",
"slategray,708090",
"steelblue,4682B4",
"royalblue,4169E1",
"midnightblue,191970",
"navy,000080",
"darkblue,00008B",
"mediumblue,0000CD",
"blue,0000FF",
"dodgerblue,1E90FF",
"cornflowerblue,6495ED",
"deepskyblue,00BFFF",
"lightskyblue,87CEFA",
"skyblue,87CEEB",
"lightblue,ADD8E6",
"powderblue,B0E0E6",
"paleturquoise,AFEEEE",
"lightcyan,E0FFFF",
"cyan,00FFFF",
"aqua,00FFFF",
"turquoise,40E0D0",
"mediumturquoise,48D1CC",
"darkturquoise,00CED1",
"lightseagreen,20B2AA",
"cadetblue,5F9EA0",
"darkcyan,008B8B",
"teal,008080",
"darkslategray,2F4F4F",
"darkgreen,006400",
"green,008000",
"forestgreen,228B22",
"seagreen,2E8B57",
"mediumseagreen,3CB371",
"mediumaquamarine,66CDAA",
"darkseagreen,8FBC8F",
"aquamarine,7FFFD4",
"palegreen,98FB98",
"lightgreen,90EE90",
"springgreen,00FF7F",
"mediumspringgreen,00FA9A",
"lawngreen,7CFC00",
"chartreuse,7FFF00",
"greenyellow,ADFF2F",
"lime,00FF00",
"limegreen,32CD32",
"yellowgreen,9ACD32",
"darkolivegreen,556B2F",
"olivedrab,6B8E23",
"olive,808000",
"darkkhaki,BDB76B",
"palegoldenrod,EEE8AA",
"cornsilk,FFF8DC",
"beige,F5F5DC",
"lightyellow,FFFFE0",
"lightgoldenrodyellow,FAFAD2",
"lemonchiffon,FFFACD",
"wheat,F5DEB3",
"burlywood,DEB887",
"tan,D2B48C",
"khaki,F0E68C",
"yellow,FFFF00",
"gold,FFD700",
"orange,FFA500",
"sandybrown,F4A460",
"darkorange,FF8C00",
"goldenrod,DAA520",
"peru,CD853F",
"darkgoldenrod,B8860B",
"chocolate,D2691E",
"sienna,A0522D",
"saddlebrown,8B4513",
"maroon,800000",
"darkred,8B0000",
"brown,A52A2A",
"firebrick,B22222",
"indianred,CD5C5C",
"rosybrown,BC8F8F",
"darksalmon,E9967A",
"lightcoral,F08080",
"salmon,FA8072",
"lightsalmon,FFA07A",
"coral,FF7F50",
"tomato,FF6347",
"orangered,FF4500",
"red,FF0000",
"crimson,DC143C",
"mediumvioletred,C71585",
"deeppink,FF1493",
"hotpink,FF69B4",
"palevioletred,DB7093",
"pink,FFC0CB",
"lightpink,FFB6C1",
"thistle,D8BFD8",
"magenta,FF00FF",
"fuchsia,FF00FF",
"violet,EE82EE",
"plum,DDA0DD",
"orchid,DA70D6",
"mediumorchid,BA55D3",
"darkorchid,9932CC",
"darkviolet,9400D3",
"darkmagenta,8B008B",
"purple,800080",
"indigo,4B0082",
"darkslateblue,483D8B",
"blueviolet,8A2BE2",
"mediumpurple,9370DB",
"slateblue,6A5ACD",
"mediumslateblue,7B68EE"
];
for(var i in colors140){
var t = colors140[i].split(",");
var color = t[0];
var hex = t[1];
var n = parseInt(i)+1;
document.write("<font color='#" + hex + "'>■</font>");
if( n && !(n % 5 ) ){ document.write("<br>") }
}
</script>
