色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#96878a
データ
赤
150
緑
135
青
138
色相
348°
白
53%
黒
41%
彩度
7%
明度
56%
輝度
55%
色調 = 明るい灰色がかった
色相 = 348°
3桁
#a99
#a98
#a97
#a89
#a88
#a87
#a79
#a78
#a77
#999
#998
#997
#989
#988
#987
#979
#978
#977
#899
#898
#897
#889
#888
#887
#879
#878
#877
名前付き
gray
lightslategray
slategray
rosybrown
darkgray
darkseagreen
dimgray
cadetblue
darkkhaki
palevioletred
tan
indianred
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-345 : 3
-330 : 18
-315 : 33
-300 : 48
-285 : 63
-270 : 78
-255 : 93
-240 : 108
-225 : 123
-210 : 138
-195 : 153
-180 : 168
-165 : 183
-150 : 198
-135 : 213
-120 : 228
-105 : 243
-90 : 258
-75 : 273
-60 : 288
-45 : 303
-30 : 318
-15 : 333
-10 : 338
-5 : 343
-2 : 346
±0 : 348
+2 : 350
+5 : 353
+10 : 358
彩度
+93 : 100
+89 : 96
+85 : 92
+81 : 88
+77 : 84
+73 : 80
+69 : 76
+65 : 72
+61 : 68
+57 : 64
+53 : 60
+49 : 56
+45 : 52
+43 : 50
+41 : 48
+37 : 44
+33 : 40
+29 : 36
+25 : 32
+21 : 28
+17 : 24
+13 : 20
+9 : 16
+5 : 12
+3 : 10
+2 : 9
+1 : 8
±0 : 7
-2 : 5
-3 : 4
-7 : 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
黒
-41 : 0
-37 : 4
-33 : 8
-29 : 12
-25 : 16
-21 : 20
-17 : 24
-13 : 28
-9 : 32
-5 : 36
-3 : 38
-2 : 39
-1 : 40
±0 : 41
+2 : 43
+3 : 44
+7 : 48
+9 : 50
+11 : 52
+15 : 56
+19 : 60
+23 : 64
+27 : 68
+31 : 72
+35 : 76
+39 : 80
+43 : 84
+47 : 88
+51 : 92
+55 : 96
+59 : 100
赤
+105 : 255
+88 : 238
+71 : 221
+54 : 204
+37 : 187
+20 : 170
+8 : 158
+4 : 154
+3 : 153
+2 : 152
+1 : 151
±0 : 150
-1 : 149
-2 : 148
-4 : 146
-8 : 142
-14 : 136
-31 : 119
-48 : 102
-65 : 85
-82 : 68
-99 : 51
-116 : 34
-133 : 17
-150 : 0
緑
+120 : 255
+103 : 238
+86 : 221
+69 : 204
+52 : 187
+35 : 170
+18 : 153
+8 : 143
+4 : 139
+2 : 137
+1 : 136
±0 : 135
-1 : 134
-2 : 133
-4 : 131
-8 : 127
-16 : 119
-33 : 102
-50 : 85
-67 : 68
-84 : 51
-101 : 34
-118 : 17
-135 : 0
青
+117 : 255
+100 : 238
+83 : 221
+66 : 204
+49 : 187
+32 : 170
+15 : 153
+8 : 146
+4 : 142
+2 : 140
+1 : 139
±0 : 138
-1 : 137
-2 : 136
-4 : 134
-8 : 130
-19 : 119
-36 : 102
-53 : 85
-70 : 68
-87 : 51
-104 : 34
-121 : 17
-138 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000