色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#8f8fab
データ
赤
143
緑
143
青
171
色相
240°
白
56%
黒
33%
彩度
14%
明度
62%
輝度
57%
色調 = 明るい灰色がかった
色相 = 240°
3桁
#99b
#99a
#999
#98b
#98a
#989
#97b
#97a
#979
#89b
#89a
#899
#88b
#88a
#889
#87b
#87a
#879
#79b
#79a
#799
#78b
#78a
#789
#77b
#77a
#779
名前付き
lightslategray
darkgray
slategray
gray
cadetblue
darkseagreen
rosybrown
mediumpurple
silver
slateblue
mediumaquamarine
steelblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-240 : 0
-225 : 15
-210 : 30
-195 : 45
-180 : 60
-165 : 75
-150 : 90
-135 : 105
-120 : 120
-105 : 135
-90 : 150
-75 : 165
-60 : 180
-45 : 195
-30 : 210
-15 : 225
-10 : 230
-5 : 235
-2 : 238
±0 : 240
+2 : 242
+5 : 245
+10 : 250
+15 : 255
+30 : 270
+45 : 285
+60 : 300
+75 : 315
+90 : 330
+105 : 345
彩度
+86 : 100
+82 : 96
+78 : 92
+74 : 88
+70 : 84
+66 : 80
+62 : 76
+58 : 72
+54 : 68
+50 : 64
+46 : 60
+42 : 56
+38 : 52
+36 : 50
+34 : 48
+30 : 44
+26 : 40
+22 : 36
+18 : 32
+14 : 28
+10 : 24
+6 : 20
+3 : 17
+2 : 16
±0 : 14
-2 : 12
-3 : 11
-6 : 8
-10 : 4
-14 : 0
明度
+38 : 100
+34 : 96
+30 : 92
+26 : 88
+22 : 84
+18 : 80
+14 : 76
+10 : 72
+6 : 68
+3 : 65
+2 : 64
±0 : 62
-2 : 60
-3 : 59
-6 : 56
-10 : 52
-12 : 50
-14 : 48
-18 : 44
-22 : 40
-26 : 36
-30 : 32
-34 : 28
-38 : 24
-42 : 20
-46 : 16
-50 : 12
-54 : 8
-58 : 4
-62 : 0
白
-56 : 0
-52 : 4
-48 : 8
-44 : 12
-40 : 16
-36 : 20
-32 : 24
-28 : 28
-24 : 32
-20 : 36
-16 : 40
-12 : 44
-8 : 48
-6 : 50
-4 : 52
-3 : 53
-2 : 54
±0 : 56
+2 : 58
+3 : 59
+4 : 60
+8 : 64
+12 : 68
+16 : 72
+20 : 76
+24 : 80
+28 : 84
+32 : 88
+36 : 92
+40 : 96
+44 : 100
黒
-33 : 0
-29 : 4
-25 : 8
-21 : 12
-17 : 16
-13 : 20
-9 : 24
-5 : 28
-3 : 30
-2 : 31
-1 : 32
±0 : 33
+2 : 35
+3 : 36
+7 : 40
+11 : 44
+15 : 48
+17 : 50
+19 : 52
+23 : 56
+27 : 60
+31 : 64
+35 : 68
+39 : 72
+43 : 76
+47 : 80
+51 : 84
+55 : 88
+59 : 92
+63 : 96
+67 : 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
緑
+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
青
+84 : 255
+67 : 238
+50 : 221
+33 : 204
+16 : 187
+8 : 179
+4 : 175
+2 : 173
+1 : 172
±0 : 171
-1 : 170
-2 : 169
-4 : 167
-8 : 163
-18 : 153
-35 : 136
-52 : 119
-69 : 102
-86 : 85
-103 : 68
-120 : 51
-137 : 34
-154 : 17
-171 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000