色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#8e586d
データ
赤
142
緑
88
青
109
色相
337°
白
35%
黒
44%
彩度
23%
明度
45%
輝度
42%
色調 = 灰色がかった
色相 = 337°
3桁
#967
#966
#965
#957
#956
#955
#947
#946
#945
#867
#866
#865
#857
#856
#855
#847
#846
#845
#767
#766
#765
#757
#756
#755
#747
#746
#745
名前付き
dimgray
gray
slategray
indianred
sienna
lightslategray
rebeccapurple
rosybrown
darkslateblue
brown
darkolivegreen
palevioletred
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-330 : 7
-315 : 22
-300 : 37
-285 : 52
-270 : 67
-255 : 82
-240 : 97
-225 : 112
-210 : 127
-195 : 142
-180 : 157
-165 : 172
-150 : 187
-135 : 202
-120 : 217
-105 : 232
-90 : 247
-75 : 262
-60 : 277
-45 : 292
-30 : 307
-15 : 322
-10 : 327
-5 : 332
-2 : 335
±0 : 337
+2 : 339
+5 : 342
+10 : 347
+15 : 352
彩度
+77 : 100
+73 : 96
+69 : 92
+65 : 88
+61 : 84
+57 : 80
+53 : 76
+49 : 72
+45 : 68
+41 : 64
+37 : 60
+33 : 56
+29 : 52
+27 : 50
+25 : 48
+21 : 44
+17 : 40
+13 : 36
+9 : 32
+5 : 28
+3 : 26
+2 : 25
+1 : 24
±0 : 23
-2 : 21
-3 : 20
-7 : 16
-11 : 12
-15 : 8
-19 : 4
-23 : 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
白
-35 : 0
-31 : 4
-27 : 8
-23 : 12
-19 : 16
-15 : 20
-11 : 24
-7 : 28
-3 : 32
-2 : 33
±0 : 35
+1 : 36
+2 : 37
+3 : 38
+5 : 40
+9 : 44
+13 : 48
+15 : 50
+17 : 52
+21 : 56
+25 : 60
+29 : 64
+33 : 68
+37 : 72
+41 : 76
+45 : 80
+49 : 84
+53 : 88
+57 : 92
+61 : 96
+65 : 100
黒
-44 : 0
-40 : 4
-36 : 8
-32 : 12
-28 : 16
-24 : 20
-20 : 24
-16 : 28
-12 : 32
-8 : 36
-4 : 40
-3 : 41
-2 : 42
±0 : 44
+2 : 46
+3 : 47
+4 : 48
+6 : 50
+8 : 52
+12 : 56
+16 : 60
+20 : 64
+24 : 68
+28 : 72
+32 : 76
+36 : 80
+40 : 84
+44 : 88
+48 : 92
+52 : 96
+56 : 100
赤
+113 : 255
+96 : 238
+79 : 221
+62 : 204
+45 : 187
+28 : 170
+11 : 153
+8 : 150
+4 : 146
+2 : 144
+1 : 143
±0 : 142
-1 : 141
-2 : 140
-4 : 138
-6 : 136
-8 : 134
-23 : 119
-40 : 102
-57 : 85
-74 : 68
-91 : 51
-108 : 34
-125 : 17
-142 : 0
緑
+167 : 255
+150 : 238
+133 : 221
+116 : 204
+99 : 187
+82 : 170
+65 : 153
+48 : 136
+31 : 119
+14 : 102
+8 : 96
+4 : 92
+2 : 90
+1 : 89
±0 : 88
-1 : 87
-2 : 86
-3 : 85
-4 : 84
-8 : 80
-20 : 68
-37 : 51
-54 : 34
-71 : 17
-88 : 0
青
+146 : 255
+129 : 238
+112 : 221
+95 : 204
+78 : 187
+61 : 170
+44 : 153
+27 : 136
+10 : 119
+8 : 117
+4 : 113
+2 : 111
+1 : 110
±0 : 109
-1 : 108
-2 : 107
-4 : 105
-7 : 102
-8 : 101
-24 : 85
-41 : 68
-58 : 51
-75 : 34
-92 : 17
-109 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000