色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#99d6a5
データ
赤
153
緑
214
青
165
色相
132°
白
60%
黒
16%
彩度
43%
明度
72%
輝度
75%
色調 = 輝かしい
色相 = 132°
3桁
#aeb
#aea
#ae9
#adb
#ada
#ad9
#acb
#aca
#ac9
#9eb
#9ea
#9e9
#9db
#9da
#9d9
#9cb
#9ca
#9c9
#8eb
#8ea
#8e9
#8db
#8da
#8d9
#8cb
#8ca
#8c9
名前付き
lightgreen
darkseagreen
palegreen
darkgray
mediumaquamarine
silver
lightsteelblue
aquamarine
lightblue
powderblue
tan
skyblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-120 : 12
-105 : 27
-90 : 42
-75 : 57
-60 : 72
-45 : 87
-30 : 102
-15 : 117
-10 : 122
-5 : 127
-2 : 130
±0 : 132
+2 : 134
+5 : 137
+10 : 142
+15 : 147
+30 : 162
+45 : 177
+60 : 192
+75 : 207
+90 : 222
+105 : 237
+120 : 252
+135 : 267
+150 : 282
+165 : 297
+180 : 312
+195 : 327
+210 : 342
+225 : 357
彩度
+57 : 100
+53 : 96
+49 : 92
+45 : 88
+41 : 84
+37 : 80
+33 : 76
+29 : 72
+25 : 68
+21 : 64
+17 : 60
+13 : 56
+9 : 52
+7 : 50
+5 : 48
+3 : 46
+2 : 45
+1 : 44
±0 : 43
-2 : 41
-3 : 40
-7 : 36
-11 : 32
-15 : 28
-19 : 24
-23 : 20
-27 : 16
-31 : 12
-35 : 8
-39 : 4
-43 : 0
明度
+28 : 100
+24 : 96
+20 : 92
+16 : 88
+12 : 84
+8 : 80
+4 : 76
+3 : 75
+2 : 74
±0 : 72
-2 : 70
-3 : 69
-4 : 68
-8 : 64
-12 : 60
-16 : 56
-20 : 52
-22 : 50
-24 : 48
-28 : 44
-32 : 40
-36 : 36
-40 : 32
-44 : 28
-48 : 24
-52 : 20
-56 : 16
-60 : 12
-64 : 8
-68 : 4
-72 : 0
白
-60 : 0
-56 : 4
-52 : 8
-48 : 12
-44 : 16
-40 : 20
-36 : 24
-32 : 28
-28 : 32
-24 : 36
-20 : 40
-16 : 44
-12 : 48
-10 : 50
-8 : 52
-4 : 56
-3 : 57
-2 : 58
±0 : 60
+2 : 62
+3 : 63
+4 : 64
+8 : 68
+12 : 72
+16 : 76
+20 : 80
+24 : 84
+28 : 88
+32 : 92
+36 : 96
+40 : 100
黒
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
赤
+102 : 255
+85 : 238
+68 : 221
+51 : 204
+34 : 187
+17 : 170
+8 : 161
+4 : 157
+2 : 155
+1 : 154
±0 : 153
-1 : 152
-2 : 151
-4 : 149
-8 : 145
-17 : 136
-34 : 119
-51 : 102
-68 : 85
-85 : 68
-102 : 51
-119 : 34
-136 : 17
-153 : 0
緑
+41 : 255
+24 : 238
+8 : 222
+7 : 221
+4 : 218
+2 : 216
+1 : 215
±0 : 214
-1 : 213
-2 : 212
-4 : 210
-8 : 206
-10 : 204
-27 : 187
-44 : 170
-61 : 153
-78 : 136
-95 : 119
-112 : 102
-129 : 85
-146 : 68
-163 : 51
-180 : 34
-197 : 17
-214 : 0
青
+90 : 255
+73 : 238
+56 : 221
+39 : 204
+22 : 187
+8 : 173
+5 : 170
+4 : 169
+2 : 167
+1 : 166
±0 : 165
-1 : 164
-2 : 163
-4 : 161
-8 : 157
-12 : 153
-29 : 136
-46 : 119
-63 : 102
-80 : 85
-97 : 68
-114 : 51
-131 : 34
-148 : 17
-165 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000