色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#899fa1
データ
赤
137
緑
159
青
161
色相
185°
白
54%
黒
37%
彩度
11%
明度
58%
輝度
60%
色調 = 明るい灰色がかった
色相 = 185°
3桁
#9aa
#9a9
#9a8
#99a
#999
#998
#98a
#989
#988
#8aa
#8a9
#8a8
#89a
#899
#898
#88a
#889
#888
#7aa
#7a9
#7a8
#79a
#799
#798
#78a
#789
#788
名前付き
lightslategray
darkgray
darkseagreen
cadetblue
slategray
gray
rosybrown
mediumaquamarine
silver
mediumpurple
steelblue
darkkhaki
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-180 : 5
-165 : 20
-150 : 35
-135 : 50
-120 : 65
-105 : 80
-90 : 95
-75 : 110
-60 : 125
-45 : 140
-30 : 155
-15 : 170
-10 : 175
-5 : 180
-2 : 183
±0 : 185
+2 : 187
+5 : 190
+10 : 195
+15 : 200
+30 : 215
+45 : 230
+60 : 245
+75 : 260
+90 : 275
+105 : 290
+120 : 305
+135 : 320
+150 : 335
+165 : 350
彩度
+89 : 100
+85 : 96
+81 : 92
+77 : 88
+73 : 84
+69 : 80
+65 : 76
+61 : 72
+57 : 68
+53 : 64
+49 : 60
+45 : 56
+41 : 52
+39 : 50
+37 : 48
+33 : 44
+29 : 40
+25 : 36
+21 : 32
+17 : 28
+13 : 24
+9 : 20
+5 : 16
+3 : 14
+2 : 13
+1 : 12
±0 : 11
-2 : 9
-3 : 8
-7 : 4
-11 : 0
明度
+42 : 100
+38 : 96
+34 : 92
+30 : 88
+26 : 84
+22 : 80
+18 : 76
+14 : 72
+10 : 68
+6 : 64
+3 : 61
+2 : 60
±0 : 58
-2 : 56
-3 : 55
-6 : 52
-8 : 50
-10 : 48
-14 : 44
-18 : 40
-22 : 36
-26 : 32
-30 : 28
-34 : 24
-38 : 20
-42 : 16
-46 : 12
-50 : 8
-54 : 4
-58 : 0
白
-54 : 0
-50 : 4
-46 : 8
-42 : 12
-38 : 16
-34 : 20
-30 : 24
-26 : 28
-22 : 32
-18 : 36
-14 : 40
-10 : 44
-6 : 48
-4 : 50
-3 : 51
-2 : 52
±0 : 54
+2 : 56
+3 : 57
+6 : 60
+10 : 64
+14 : 68
+18 : 72
+22 : 76
+26 : 80
+30 : 84
+34 : 88
+38 : 92
+42 : 96
+46 : 100
黒
-37 : 0
-33 : 4
-29 : 8
-25 : 12
-21 : 16
-17 : 20
-13 : 24
-9 : 28
-5 : 32
-3 : 34
-2 : 35
-1 : 36
±0 : 37
+2 : 39
+3 : 40
+7 : 44
+11 : 48
+13 : 50
+15 : 52
+19 : 56
+23 : 60
+27 : 64
+31 : 68
+35 : 72
+39 : 76
+43 : 80
+47 : 84
+51 : 88
+55 : 92
+59 : 96
+63 : 100
赤
+118 : 255
+101 : 238
+84 : 221
+67 : 204
+50 : 187
+33 : 170
+16 : 153
+8 : 145
+4 : 141
+2 : 139
+1 : 138
±0 : 137
-1 : 136
-2 : 135
-4 : 133
-8 : 129
-18 : 119
-35 : 102
-52 : 85
-69 : 68
-86 : 51
-103 : 34
-120 : 17
-137 : 0
緑
+96 : 255
+79 : 238
+62 : 221
+45 : 204
+28 : 187
+11 : 170
+8 : 167
+4 : 163
+2 : 161
+1 : 160
±0 : 159
-1 : 158
-2 : 157
-4 : 155
-6 : 153
-8 : 151
-23 : 136
-40 : 119
-57 : 102
-74 : 85
-91 : 68
-108 : 51
-125 : 34
-142 : 17
-159 : 0
青
+94 : 255
+77 : 238
+60 : 221
+43 : 204
+26 : 187
+9 : 170
+8 : 169
+4 : 165
+2 : 163
+1 : 162
±0 : 161
-1 : 160
-2 : 159
-4 : 157
-8 : 153
-25 : 136
-42 : 119
-59 : 102
-76 : 85
-93 : 68
-110 : 51
-127 : 34
-144 : 17
-161 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000