色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#8f8894
データ
赤
143
緑
136
青
148
色相
275°
白
53%
黒
42%
彩度
5%
明度
56%
輝度
55%
色調 = 明るい灰色がかった
色相 = 275°
3桁
#99a
#999
#998
#98a
#989
#988
#97a
#979
#978
#89a
#899
#898
#88a
#889
#888
#87a
#879
#878
#79a
#799
#798
#78a
#789
#788
#77a
#779
#778
名前付き
lightslategray
gray
slategray
rosybrown
darkgray
darkseagreen
cadetblue
dimgray
mediumpurple
darkkhaki
palevioletred
steelblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-270 : 5
-255 : 20
-240 : 35
-225 : 50
-210 : 65
-195 : 80
-180 : 95
-165 : 110
-150 : 125
-135 : 140
-120 : 155
-105 : 170
-90 : 185
-75 : 200
-60 : 215
-45 : 230
-30 : 245
-15 : 260
-10 : 265
-5 : 270
-2 : 273
±0 : 275
+2 : 277
+5 : 280
+10 : 285
+15 : 290
+30 : 305
+45 : 320
+60 : 335
+75 : 350
彩度
+95 : 100
+91 : 96
+87 : 92
+83 : 88
+79 : 84
+75 : 80
+71 : 76
+67 : 72
+63 : 68
+59 : 64
+55 : 60
+51 : 56
+47 : 52
+45 : 50
+43 : 48
+39 : 44
+35 : 40
+31 : 36
+27 : 32
+23 : 28
+19 : 24
+15 : 20
+11 : 16
+7 : 12
+3 : 8
+2 : 7
±0 : 5
-1 : 4
-2 : 3
-3 : 2
-5 : 0
明度
+44 : 100
+40 : 96
+36 : 92
+32 : 88
+28 : 84
+24 : 80
+20 : 76
+16 : 72
+12 : 68
+8 : 64
+4 : 60
+3 : 59
+2 : 58
±0 : 56
-2 : 54
-3 : 53
-4 : 52
-6 : 50
-8 : 48
-12 : 44
-16 : 40
-20 : 36
-24 : 32
-28 : 28
-32 : 24
-36 : 20
-40 : 16
-44 : 12
-48 : 8
-52 : 4
-56 : 0
白
-53 : 0
-49 : 4
-45 : 8
-41 : 12
-37 : 16
-33 : 20
-29 : 24
-25 : 28
-21 : 32
-17 : 36
-13 : 40
-9 : 44
-5 : 48
-3 : 50
-2 : 51
-1 : 52
±0 : 53
+2 : 55
+3 : 56
+7 : 60
+11 : 64
+15 : 68
+19 : 72
+23 : 76
+27 : 80
+31 : 84
+35 : 88
+39 : 92
+43 : 96
+47 : 100
黒
-42 : 0
-38 : 4
-34 : 8
-30 : 12
-26 : 16
-22 : 20
-18 : 24
-14 : 28
-10 : 32
-6 : 36
-3 : 39
-2 : 40
±0 : 42
+2 : 44
+3 : 45
+6 : 48
+8 : 50
+10 : 52
+14 : 56
+18 : 60
+22 : 64
+26 : 68
+30 : 72
+34 : 76
+38 : 80
+42 : 84
+46 : 88
+50 : 92
+54 : 96
+58 : 100
赤
+112 : 255
+95 : 238
+78 : 221
+61 : 204
+44 : 187
+27 : 170
+10 : 153
+8 : 151
+4 : 147
+2 : 145
+1 : 144
±0 : 143
-1 : 142
-2 : 141
-4 : 139
-7 : 136
-8 : 135
-24 : 119
-41 : 102
-58 : 85
-75 : 68
-92 : 51
-109 : 34
-126 : 17
-143 : 0
緑
+119 : 255
+102 : 238
+85 : 221
+68 : 204
+51 : 187
+34 : 170
+17 : 153
+8 : 144
+4 : 140
+2 : 138
+1 : 137
±0 : 136
-1 : 135
-2 : 134
-4 : 132
-8 : 128
-17 : 119
-34 : 102
-51 : 85
-68 : 68
-85 : 51
-102 : 34
-119 : 17
-136 : 0
青
+107 : 255
+90 : 238
+73 : 221
+56 : 204
+39 : 187
+22 : 170
+8 : 156
+5 : 153
+4 : 152
+2 : 150
+1 : 149
±0 : 148
-1 : 147
-2 : 146
-4 : 144
-8 : 140
-12 : 136
-29 : 119
-46 : 102
-63 : 85
-80 : 68
-97 : 51
-114 : 34
-131 : 17
-148 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000