色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#8cd7bb
データ
赤
140
緑
215
青
187
色相
158°
白
55%
黒
16%
彩度
48%
明度
70%
輝度
74%
色調 = 輝かしい
色相 = 158°
3桁
#9ec
#9eb
#9ea
#9dc
#9db
#9da
#9cc
#9cb
#9ca
#8ec
#8eb
#8ea
#8dc
#8db
#8da
#8cc
#8cb
#8ca
#7ec
#7eb
#7ea
#7dc
#7db
#7da
#7cc
#7cb
#7ca
名前付き
mediumaquamarine
aquamarine
lightgreen
skyblue
palegreen
darkseagreen
lightsteelblue
lightblue
powderblue
silver
darkgray
lightskyblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 8
-135 : 23
-120 : 38
-105 : 53
-90 : 68
-75 : 83
-60 : 98
-45 : 113
-30 : 128
-15 : 143
-10 : 148
-5 : 153
-2 : 156
±0 : 158
+2 : 160
+5 : 163
+10 : 168
+15 : 173
+30 : 188
+45 : 203
+60 : 218
+75 : 233
+90 : 248
+105 : 263
+120 : 278
+135 : 293
+150 : 308
+165 : 323
+180 : 338
+195 : 353
彩度
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
明度
+30 : 100
+26 : 96
+22 : 92
+18 : 88
+14 : 84
+10 : 80
+6 : 76
+3 : 73
+2 : 72
±0 : 70
-2 : 68
-3 : 67
-6 : 64
-10 : 60
-14 : 56
-18 : 52
-20 : 50
-22 : 48
-26 : 44
-30 : 40
-34 : 36
-38 : 32
-42 : 28
-46 : 24
-50 : 20
-54 : 16
-58 : 12
-62 : 8
-66 : 4
-70 : 0
白
-55 : 0
-51 : 4
-47 : 8
-43 : 12
-39 : 16
-35 : 20
-31 : 24
-27 : 28
-23 : 32
-19 : 36
-15 : 40
-11 : 44
-7 : 48
-5 : 50
-3 : 52
-2 : 53
±0 : 55
+1 : 56
+2 : 57
+3 : 58
+5 : 60
+9 : 64
+13 : 68
+17 : 72
+21 : 76
+25 : 80
+29 : 84
+33 : 88
+37 : 92
+41 : 96
+45 : 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
赤
+115 : 255
+98 : 238
+81 : 221
+64 : 204
+47 : 187
+30 : 170
+13 : 153
+8 : 148
+4 : 144
+2 : 142
+1 : 141
±0 : 140
-1 : 139
-2 : 138
-4 : 136
-8 : 132
-21 : 119
-38 : 102
-55 : 85
-72 : 68
-89 : 51
-106 : 34
-123 : 17
-140 : 0
緑
+40 : 255
+23 : 238
+8 : 223
+6 : 221
+4 : 219
+2 : 217
+1 : 216
±0 : 215
-1 : 214
-2 : 213
-4 : 211
-8 : 207
-11 : 204
-28 : 187
-45 : 170
-62 : 153
-79 : 136
-96 : 119
-113 : 102
-130 : 85
-147 : 68
-164 : 51
-181 : 34
-198 : 17
-215 : 0
青
+68 : 255
+51 : 238
+34 : 221
+17 : 204
+8 : 195
+4 : 191
+2 : 189
+1 : 188
±0 : 187
-1 : 186
-2 : 185
-4 : 183
-8 : 179
-17 : 170
-34 : 153
-51 : 136
-68 : 119
-85 : 102
-102 : 85
-119 : 68
-136 : 51
-153 : 34
-170 : 17
-187 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000