色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#68207c
データ
赤
104
緑
32
青
124
色相
287°
白
13%
黒
51%
彩度
59%
明度
31%
輝度
25%
色調 = 深い
色相 = 287°
3桁
#738
#737
#736
#728
#727
#726
#718
#717
#716
#638
#637
#636
#628
#627
#626
#618
#617
#616
#538
#537
#536
#528
#527
#526
#518
#517
#516
名前付き
rebeccapurple
purple
indigo
darkslateblue
darkmagenta
dimgray
midnightblue
darkslategray
darkorchid
mediumvioletred
slategray
gray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-285 : 2
-270 : 17
-255 : 32
-240 : 47
-225 : 62
-210 : 77
-195 : 92
-180 : 107
-165 : 122
-150 : 137
-135 : 152
-120 : 167
-105 : 182
-90 : 197
-75 : 212
-60 : 227
-45 : 242
-30 : 257
-15 : 272
-10 : 277
-5 : 282
-2 : 285
±0 : 287
+2 : 289
+5 : 292
+10 : 297
+15 : 302
+30 : 317
+45 : 332
+60 : 347
彩度
+41 : 100
+37 : 96
+33 : 92
+29 : 88
+25 : 84
+21 : 80
+17 : 76
+13 : 72
+9 : 68
+5 : 64
+3 : 62
+2 : 61
+1 : 60
±0 : 59
-2 : 57
-3 : 56
-7 : 52
-9 : 50
-11 : 48
-15 : 44
-19 : 40
-23 : 36
-27 : 32
-31 : 28
-35 : 24
-39 : 20
-43 : 16
-47 : 12
-51 : 8
-55 : 4
-59 : 0
明度
+69 : 100
+65 : 96
+61 : 92
+57 : 88
+53 : 84
+49 : 80
+45 : 76
+41 : 72
+37 : 68
+33 : 64
+29 : 60
+25 : 56
+21 : 52
+19 : 50
+17 : 48
+13 : 44
+9 : 40
+5 : 36
+3 : 34
+2 : 33
+1 : 32
±0 : 31
-2 : 29
-3 : 28
-7 : 24
-11 : 20
-15 : 16
-19 : 12
-23 : 8
-27 : 4
-31 : 0
白
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
黒
-51 : 0
-47 : 4
-43 : 8
-39 : 12
-35 : 16
-31 : 20
-27 : 24
-23 : 28
-19 : 32
-15 : 36
-11 : 40
-7 : 44
-3 : 48
-2 : 49
-1 : 50
±0 : 51
+1 : 52
+2 : 53
+3 : 54
+5 : 56
+9 : 60
+13 : 64
+17 : 68
+21 : 72
+25 : 76
+29 : 80
+33 : 84
+37 : 88
+41 : 92
+45 : 96
+49 : 100
赤
+151 : 255
+134 : 238
+117 : 221
+100 : 204
+83 : 187
+66 : 170
+49 : 153
+32 : 136
+15 : 119
+8 : 112
+4 : 108
+2 : 106
+1 : 105
±0 : 104
-1 : 103
-2 : 102
-4 : 100
-8 : 96
-19 : 85
-36 : 68
-53 : 51
-70 : 34
-87 : 17
-104 : 0
緑
+223 : 255
+206 : 238
+189 : 221
+172 : 204
+155 : 187
+138 : 170
+121 : 153
+104 : 136
+87 : 119
+70 : 102
+53 : 85
+36 : 68
+19 : 51
+8 : 40
+4 : 36
+2 : 34
+1 : 33
±0 : 32
-1 : 31
-2 : 30
-4 : 28
-8 : 24
-15 : 17
-32 : 0
青
+131 : 255
+114 : 238
+97 : 221
+80 : 204
+63 : 187
+46 : 170
+29 : 153
+12 : 136
+8 : 132
+4 : 128
+2 : 126
+1 : 125
±0 : 124
-1 : 123
-2 : 122
-4 : 120
-5 : 119
-8 : 116
-22 : 102
-39 : 85
-56 : 68
-73 : 51
-90 : 34
-107 : 17
-124 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000