色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#18ffb5
データ
赤
24
緑
255
青
181
色相
161°
白
9%
黒
0%
彩度
100%
明度
55%
輝度
70%
色調 = 鮮やか
色相 = 161°
3桁
#2fc
#2fb
#2fa
#2ec
#2eb
#2ea
#2dc
#2db
#2da
#1fc
#1fb
#1fa
#1ec
#1eb
#1ea
#1dc
#1db
#1da
#0fc
#0fb
#0fa
#0ec
#0eb
#0ea
#0dc
#0db
#0da
名前付き
mediumspringgreen
turquoise
springgreen
darkturquoise
mediumturquoise
aqua
lightseagreen
mediumaquamarine
deepskyblue
aquamarine
mediumseagreen
cadetblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 11
-135 : 26
-120 : 41
-105 : 56
-90 : 71
-75 : 86
-60 : 101
-45 : 116
-30 : 131
-15 : 146
-10 : 151
-5 : 156
-2 : 159
±0 : 161
+2 : 163
+5 : 166
+10 : 171
+15 : 176
+30 : 191
+45 : 206
+60 : 221
+75 : 236
+90 : 251
+105 : 266
+120 : 281
+135 : 296
+150 : 311
+165 : 326
+180 : 341
+195 : 356
彩度
±0 : 100
-2 : 98
-3 : 97
-4 : 96
-8 : 92
-12 : 88
-16 : 84
-20 : 80
-24 : 76
-28 : 72
-32 : 68
-36 : 64
-40 : 60
-44 : 56
-48 : 52
-50 : 50
-52 : 48
-56 : 44
-60 : 40
-64 : 36
-68 : 32
-72 : 28
-76 : 24
-80 : 20
-84 : 16
-88 : 12
-92 : 8
-96 : 4
-100 : 0
明度
+45 : 100
+41 : 96
+37 : 92
+33 : 88
+29 : 84
+25 : 80
+21 : 76
+17 : 72
+13 : 68
+9 : 64
+5 : 60
+3 : 58
+2 : 57
+1 : 56
±0 : 55
-2 : 53
-3 : 52
-5 : 50
-7 : 48
-11 : 44
-15 : 40
-19 : 36
-23 : 32
-27 : 28
-31 : 24
-35 : 20
-39 : 16
-43 : 12
-47 : 8
-51 : 4
-55 : 0
白
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 100
黒
±0 : 0
+2 : 2
+3 : 3
+4 : 4
+8 : 8
+12 : 12
+16 : 16
+20 : 20
+24 : 24
+28 : 28
+32 : 32
+36 : 36
+40 : 40
+44 : 44
+48 : 48
+50 : 50
+52 : 52
+56 : 56
+60 : 60
+64 : 64
+68 : 68
+72 : 72
+76 : 76
+80 : 80
+84 : 84
+88 : 88
+92 : 92
+96 : 96
+100 : 100
赤
+231 : 255
+214 : 238
+197 : 221
+180 : 204
+163 : 187
+146 : 170
+129 : 153
+112 : 136
+95 : 119
+78 : 102
+61 : 85
+44 : 68
+27 : 51
+10 : 34
+8 : 32
+4 : 28
+2 : 26
+1 : 25
±0 : 24
-1 : 23
-2 : 22
-4 : 20
-7 : 17
-8 : 16
-24 : 0
緑
±0 : 255
-1 : 254
-2 : 253
-4 : 251
-8 : 247
-17 : 238
-34 : 221
-51 : 204
-68 : 187
-85 : 170
-102 : 153
-119 : 136
-136 : 119
-153 : 102
-170 : 85
-187 : 68
-204 : 51
-221 : 34
-238 : 17
-255 : 0
青
+74 : 255
+57 : 238
+40 : 221
+23 : 204
+8 : 189
+6 : 187
+4 : 185
+2 : 183
+1 : 182
±0 : 181
-1 : 180
-2 : 179
-4 : 177
-8 : 173
-11 : 170
-28 : 153
-45 : 136
-62 : 119
-79 : 102
-96 : 85
-113 : 68
-130 : 51
-147 : 34
-164 : 17
-181 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000