コニファ・ロゴ

ツール集:X11色システムのカラーネームのtableをソート可能にして見やすく

カラーネームと実際の色味を比較する際などに、カラーネームがアルファベット順で並んでいると、色相などの規則性が無く、目がチカチカしてとても見辛いものです。そこでtableに並べた色をいくつかの条件で並べ替えることができるようにしました。

表は各色を、「色表示」、「カラーネーム」、「16進表記」、「10進RGB」で並べています。右端の「色合い順」は、似た色合いで並べ替えるために付けた番号で、X11色システムとは関係ありません。この番号は、並べ替える都合から「gray」と「grey」や「○○gray」と「○○grey」などといったスペルの違いだけの同色は同じにしています。そのため個数が少なくなっています。また、CSS Color Module Level4草案にて追加される予定の色「rebeccapurple」を加えています。

各列のタイトル部分をクリックすると、その列の内容から、クリックごとに昇順、降順で並べ替えます。並べ替えには、jquery.tablesorter.jsを使用しています。

ソータブルなX11色システムのカラーネームtable

表示色 カラーネーム 16進表記 10進RGB 色合い順
aliceblue #F0F8FF 240,248,25528
antiquewhite#FAEBD7250,235,21513
aqua#00FFFF0,255,25548
aquamarine#7FFFD4127,255,21265
azure#F0FFFF240,255,25527
beige#F5F5DC245,245,22082
bisque#FFE4C4255,228,19616
black#0000000,0,01
blanchedalmond#FFEBCD255,235,20515
blue#0000FF0,0,25538
blueviolet#8A2BE2138,43,226133
brown#A52A2A165,42,42102
burlywood#DEB887222,184,13587
cadetblue#5F9EA095,158,16054
chartreuse#7FFF00127,255,071
chocolate#D2691E210,105,3097
coral#FF7F50255,127,80110
cornflowerblue#6495ED100,149,23740
cornsilk#FFF8DC255,248,22081
crimson#DC143C220,20,60114
cyan#00FFFF0,255,25549
darkblue#00008B0,0,13937
darkcyan#008B8B0,139,13955
darkgoldenrod#B8860B184,134,1196
darkgray#A9A9A9169,169,1694
darkgreen#0064000,100,058
darkgrey#A9A9A9169,169,1694
darkkhaki#BDB76B189,183,10779
darkmagenta#8B008B139,0,139128
darkolivegreen#556B2F85,107,4776
darkorange#FF8C00255,140,093
darkorchid#9932CC153,50,204126
darkred#8B0000139,0,0101
darksalmon#E9967A233,150,122106
darkseagreen#8FBC8F143,188,14364
darkslateblue#483D8B72,61,139132
darkslategray#2F4F4F47,79,7957
darkslategrey#2F4F4F47,79,7957
darkturquoise#00CED10,206,20952
darkviolet#9400D3148,0,211127
deeppink#FF1493255,20,147116
deepskyblue#00BFFF0,191,25541
dimgray#696969105,105,1052
dimgrey#696969105,105,1052
dodgerblue#1E90FF30,144,25539
firebrick#B22222178,34,34103
floralwhite#FFFAF0255,250,24011
forestgreen#228B2234,139,3460
fuchsia#FF00FF255,0,255122
gainsboro#DCDCDC220,220,2207
ghostwhite#F8F8FF248,248,25510
gold#FFD700255,215,090
goldenrod#DAA520218,165,3294
gray#808080128,128,1283
green#0080000,128,059
greenyellow#ADFF2F173,255,4772
grey#808080128,128,1283
honeydew#F0FFF0240,255,24025
hotpink#FF69B4255,105,180117
indianred#CD5C5C205,92,92104
indigo#4B008275,0,130130
ivory#FFFFF0255,255,24024
khaki#F0E68C240,230,14088
lavender#E6E6FA230,230,25029
lavenderblush#FFF0F5255,240,24521
lawngreen#7CFC00124,252,070
lemonchiffon#FFFACD255,250,20585
lightblue#ADD8E6173,216,23044
lightcoral#F08080240,128,128107
lightcyan#E0FFFF224,255,25547
lightgoldenrodyellow#FAFAD2250,250,21084
lightgray#D3D3D3211,211,2116
lightgreen#90EE90144,238,14467
lightgrey#D3D3D3211,211,2116
lightpink#FFB6C1255,182,193119
lightsalmon#FFA07A255,160,122109
lightseagreen#20B2AA32,178,17053
lightskyblue#87CEFA135,206,25042
lightslategray#778899119,136,15331
lightslategrey#778899119,136,15331
lightsteelblue#B0C4DE176,196,22230
lightyellow#FFFFE0255,255,22483
lime#00FF000,255,073
limegreen#32CD3250,205,5074
linen#FAF0E6250,240,23012
magenta#FF00FF255,0,255121
maroon#800000128,0,0100
mediumaquamarine#66CDAA102,205,17063
mediumblue#0000CD0,0,20538
mediumorchid#BA55D3186,85,211126
mediumpurple#9370DB147,112,219134
mediumseagreen#3CB37160,179,11362
mediumslateblue#7B68EE123,104,238136
mediumspringgreen#00FA9A0,250,15469
mediumturquoise#48D1CC72,209,20451
mediumvioletred#C71585199,21,133115
midnightblue#19197025,25,11235
mintcream#F5FFFA245,255,25026
mistyrose#FFE4E1255,228,22520
moccasin#FFE4B5255,228,18117
navajowhite#FFDEAD255,222,17318
navy#0000800,0,12836
oldlace#FDF5E6253,245,23023
olive#808000128,128,078
olivedrab#6B8E23107,142,3577
orange#FFA500255,165,091
orangered#FF4500255,69,0112
orchid#DA70D6218,112,214125
palegoldenrod#EEE8AA238,232,17080
palegreen#98FB98152,251,15266
paleturquoise#AFEEEE175,238,23846
palevioletred#DB7093219,112,147117
papayawhip#FFEFD5255,239,21314
peachpuff#FFDAB9255,218,18519
peru#CD853F205,133,6395
pink#FFC0CB255,192,203118
plum#DDA0DD221,160,221124
powderblue#B0E0E6176,224,23045
purple#800080128,0,128129
rebeccapurple#663399102,51,153131
red#FF0000255,0,0113
rosybrown#BC8F8F188,143,143105
royalblue#4169E165,105,22534
saddlebrown#8B4513139,69,1999
salmon#FA8072250,128,114108
sandybrown#F4A460244,164,9692
seagreen#2E8B5746,139,8761
seashell#FFF5EE255,245,23822
sienna#A0522D160,82,4598
silver#C0C0C0192,192,1925
skyblue#87CEEB135,206,23543
slateblue#6A5ACD106,90,205135
slategray#708090112,128,14432
slategrey#708090112,128,14432
snow#FFFAFA255,250,25010
springgreen#00FF7F0,255,12768
steelblue#4682B470,130,18033
tan#D2B48C210,180,14087
teal#0080800,128,12856
thistle#D8BFD8216,191,216120
tomato#FF6347255,99,71111
turquoise#40E0D064,224,20850
violet#EE82EE238,130,238123
wheat#F5DEB3245,222,17986
whitesmoke#F5F5F5245,245,2458
white#FFFFFF255,255,2559
yellow#FFFF00255,255,089
yellowgreen#9ACD32154,205,5075

 

 

戻るボタン