色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#4e256e
データ
赤
78
緑
37
青
110
色相
274°
白
15%
黒
57%
彩度
50%
明度
29%
輝度
23%
色調 = 深い
色相 = 274°
3桁
#637
#636
#635
#627
#626
#625
#617
#616
#615
#537
#536
#535
#527
#526
#525
#517
#516
#515
#437
#436
#435
#427
#426
#425
#417
#416
#415
名前付き
darkslateblue
indigo
rebeccapurple
midnightblue
darkslategray
purple
dimgray
darkmagenta
navy
darkblue
darkolivegreen
slategray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-270 : 4
-255 : 19
-240 : 34
-225 : 49
-210 : 64
-195 : 79
-180 : 94
-165 : 109
-150 : 124
-135 : 139
-120 : 154
-105 : 169
-90 : 184
-75 : 199
-60 : 214
-45 : 229
-30 : 244
-15 : 259
-10 : 264
-5 : 269
-2 : 272
±0 : 274
+2 : 276
+5 : 279
+10 : 284
+15 : 289
+30 : 304
+45 : 319
+60 : 334
+75 : 349
彩度
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
明度
+71 : 100
+67 : 96
+63 : 92
+59 : 88
+55 : 84
+51 : 80
+47 : 76
+43 : 72
+39 : 68
+35 : 64
+31 : 60
+27 : 56
+23 : 52
+21 : 50
+19 : 48
+15 : 44
+11 : 40
+7 : 36
+3 : 32
+2 : 31
±0 : 29
-1 : 28
-2 : 27
-3 : 26
-5 : 24
-9 : 20
-13 : 16
-17 : 12
-21 : 8
-25 : 4
-29 : 0
白
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 100
黒
-57 : 0
-53 : 4
-49 : 8
-45 : 12
-41 : 16
-37 : 20
-33 : 24
-29 : 28
-25 : 32
-21 : 36
-17 : 40
-13 : 44
-9 : 48
-7 : 50
-5 : 52
-3 : 54
-2 : 55
-1 : 56
±0 : 57
+2 : 59
+3 : 60
+7 : 64
+11 : 68
+15 : 72
+19 : 76
+23 : 80
+27 : 84
+31 : 88
+35 : 92
+39 : 96
+43 : 100
赤
+177 : 255
+160 : 238
+143 : 221
+126 : 204
+109 : 187
+92 : 170
+75 : 153
+58 : 136
+41 : 119
+24 : 102
+8 : 86
+7 : 85
+4 : 82
+2 : 80
+1 : 79
±0 : 78
-1 : 77
-2 : 76
-4 : 74
-8 : 70
-10 : 68
-27 : 51
-44 : 34
-61 : 17
-78 : 0
緑
+218 : 255
+201 : 238
+184 : 221
+167 : 204
+150 : 187
+133 : 170
+116 : 153
+99 : 136
+82 : 119
+65 : 102
+48 : 85
+31 : 68
+14 : 51
+8 : 45
+4 : 41
+2 : 39
+1 : 38
±0 : 37
-1 : 36
-2 : 35
-3 : 34
-4 : 33
-8 : 29
-20 : 17
-37 : 0
青
+145 : 255
+128 : 238
+111 : 221
+94 : 204
+77 : 187
+60 : 170
+43 : 153
+26 : 136
+9 : 119
+8 : 118
+4 : 114
+2 : 112
+1 : 111
±0 : 110
-1 : 109
-2 : 108
-4 : 106
-8 : 102
-25 : 85
-42 : 68
-59 : 51
-76 : 34
-93 : 17
-110 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000