色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#49519a
データ
赤
73
緑
81
青
154
色相
234°
白
29%
黒
40%
彩度
36%
明度
45%
輝度
34%
色調 = 灰色がかった
色相 = 234°
3桁
#56a
#569
#568
#55a
#559
#558
#54a
#549
#548
#46a
#469
#468
#45a
#459
#458
#44a
#449
#448
#36a
#369
#368
#35a
#359
#358
#34a
#349
#348
名前付き
darkslateblue
rebeccapurple
steelblue
slateblue
slategray
dimgray
lightslategray
royalblue
gray
darkslategray
cadetblue
indigo
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-225 : 9
-210 : 24
-195 : 39
-180 : 54
-165 : 69
-150 : 84
-135 : 99
-120 : 114
-105 : 129
-90 : 144
-75 : 159
-60 : 174
-45 : 189
-30 : 204
-15 : 219
-10 : 224
-5 : 229
-2 : 232
±0 : 234
+2 : 236
+5 : 239
+10 : 244
+15 : 249
+30 : 264
+45 : 279
+60 : 294
+75 : 309
+90 : 324
+105 : 339
+120 : 354
彩度
+64 : 100
+60 : 96
+56 : 92
+52 : 88
+48 : 84
+44 : 80
+40 : 76
+36 : 72
+32 : 68
+28 : 64
+24 : 60
+20 : 56
+16 : 52
+14 : 50
+12 : 48
+8 : 44
+4 : 40
+3 : 39
+2 : 38
±0 : 36
-2 : 34
-3 : 33
-4 : 32
-8 : 28
-12 : 24
-16 : 20
-20 : 16
-24 : 12
-28 : 8
-32 : 4
-36 : 0
明度
+55 : 100
+51 : 96
+47 : 92
+43 : 88
+39 : 84
+35 : 80
+31 : 76
+27 : 72
+23 : 68
+19 : 64
+15 : 60
+11 : 56
+7 : 52
+5 : 50
+3 : 48
+2 : 47
±0 : 45
-1 : 44
-2 : 43
-3 : 42
-5 : 40
-9 : 36
-13 : 32
-17 : 28
-21 : 24
-25 : 20
-29 : 16
-33 : 12
-37 : 8
-41 : 4
-45 : 0
白
-29 : 0
-25 : 4
-21 : 8
-17 : 12
-13 : 16
-9 : 20
-5 : 24
-3 : 26
-2 : 27
-1 : 28
±0 : 29
+2 : 31
+3 : 32
+7 : 36
+11 : 40
+15 : 44
+19 : 48
+21 : 50
+23 : 52
+27 : 56
+31 : 60
+35 : 64
+39 : 68
+43 : 72
+47 : 76
+51 : 80
+55 : 84
+59 : 88
+63 : 92
+67 : 96
+71 : 100
黒
-40 : 0
-36 : 4
-32 : 8
-28 : 12
-24 : 16
-20 : 20
-16 : 24
-12 : 28
-8 : 32
-4 : 36
-3 : 37
-2 : 38
±0 : 40
+2 : 42
+3 : 43
+4 : 44
+8 : 48
+10 : 50
+12 : 52
+16 : 56
+20 : 60
+24 : 64
+28 : 68
+32 : 72
+36 : 76
+40 : 80
+44 : 84
+48 : 88
+52 : 92
+56 : 96
+60 : 100
赤
+182 : 255
+165 : 238
+148 : 221
+131 : 204
+114 : 187
+97 : 170
+80 : 153
+63 : 136
+46 : 119
+29 : 102
+12 : 85
+8 : 81
+4 : 77
+2 : 75
+1 : 74
±0 : 73
-1 : 72
-2 : 71
-4 : 69
-5 : 68
-8 : 65
-22 : 51
-39 : 34
-56 : 17
-73 : 0
緑
+174 : 255
+157 : 238
+140 : 221
+123 : 204
+106 : 187
+89 : 170
+72 : 153
+55 : 136
+38 : 119
+21 : 102
+8 : 89
+4 : 85
+2 : 83
+1 : 82
±0 : 81
-1 : 80
-2 : 79
-4 : 77
-8 : 73
-13 : 68
-30 : 51
-47 : 34
-64 : 17
-81 : 0
青
+101 : 255
+84 : 238
+67 : 221
+50 : 204
+33 : 187
+16 : 170
+8 : 162
+4 : 158
+2 : 156
+1 : 155
±0 : 154
-1 : 153
-2 : 152
-4 : 150
-8 : 146
-18 : 136
-35 : 119
-52 : 102
-69 : 85
-86 : 68
-103 : 51
-120 : 34
-137 : 17
-154 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000