色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#3d1973
データ
赤
61
緑
25
青
115
色相
264°
白
10%
黒
55%
彩度
64%
明度
27%
輝度
18%
色調 = 深い
色相 = 264°
3桁
#528
#527
#526
#518
#517
#516
#508
#507
#506
#428
#427
#426
#418
#417
#416
#408
#407
#406
#328
#327
#326
#318
#317
#316
#308
#307
#306
名前付き
indigo
midnightblue
darkslateblue
rebeccapurple
darkslategray
navy
darkblue
purple
darkmagenta
dimgray
darkolivegreen
mediumblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-255 : 9
-240 : 24
-225 : 39
-210 : 54
-195 : 69
-180 : 84
-165 : 99
-150 : 114
-135 : 129
-120 : 144
-105 : 159
-90 : 174
-75 : 189
-60 : 204
-45 : 219
-30 : 234
-15 : 249
-10 : 254
-5 : 259
-2 : 262
±0 : 264
+2 : 266
+5 : 269
+10 : 274
+15 : 279
+30 : 294
+45 : 309
+60 : 324
+75 : 339
+90 : 354
彩度
+36 : 100
+32 : 96
+28 : 92
+24 : 88
+20 : 84
+16 : 80
+12 : 76
+8 : 72
+4 : 68
+3 : 67
+2 : 66
±0 : 64
-2 : 62
-3 : 61
-4 : 60
-8 : 56
-12 : 52
-14 : 50
-16 : 48
-20 : 44
-24 : 40
-28 : 36
-32 : 32
-36 : 28
-40 : 24
-44 : 20
-48 : 16
-52 : 12
-56 : 8
-60 : 4
-64 : 0
明度
+73 : 100
+69 : 96
+65 : 92
+61 : 88
+57 : 84
+53 : 80
+49 : 76
+45 : 72
+41 : 68
+37 : 64
+33 : 60
+29 : 56
+25 : 52
+23 : 50
+21 : 48
+17 : 44
+13 : 40
+9 : 36
+5 : 32
+3 : 30
+2 : 29
+1 : 28
±0 : 27
-2 : 25
-3 : 24
-7 : 20
-11 : 16
-15 : 12
-19 : 8
-23 : 4
-27 : 0
白
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
黒
-55 : 0
-51 : 4
-47 : 8
-43 : 12
-39 : 16
-35 : 20
-31 : 24
-27 : 28
-23 : 32
-19 : 36
-15 : 40
-11 : 44
-7 : 48
-5 : 50
-3 : 52
-2 : 53
±0 : 55
+1 : 56
+2 : 57
+3 : 58
+5 : 60
+9 : 64
+13 : 68
+17 : 72
+21 : 76
+25 : 80
+29 : 84
+33 : 88
+37 : 92
+41 : 96
+45 : 100
赤
+194 : 255
+177 : 238
+160 : 221
+143 : 204
+126 : 187
+109 : 170
+92 : 153
+75 : 136
+58 : 119
+41 : 102
+24 : 85
+8 : 69
+7 : 68
+4 : 65
+2 : 63
+1 : 62
±0 : 61
-1 : 60
-2 : 59
-4 : 57
-8 : 53
-10 : 51
-27 : 34
-44 : 17
-61 : 0
緑
+230 : 255
+213 : 238
+196 : 221
+179 : 204
+162 : 187
+145 : 170
+128 : 153
+111 : 136
+94 : 119
+77 : 102
+60 : 85
+43 : 68
+26 : 51
+9 : 34
+8 : 33
+4 : 29
+2 : 27
+1 : 26
±0 : 25
-1 : 24
-2 : 23
-4 : 21
-8 : 17
-25 : 0
青
+140 : 255
+123 : 238
+106 : 221
+89 : 204
+72 : 187
+55 : 170
+38 : 153
+21 : 136
+8 : 123
+4 : 119
+2 : 117
+1 : 116
±0 : 115
-1 : 114
-2 : 113
-4 : 111
-8 : 107
-13 : 102
-30 : 85
-47 : 68
-64 : 51
-81 : 34
-98 : 17
-115 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000