色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#2aedaa
データ
赤
42
緑
237
青
170
色相
159°
白
16%
黒
7%
彩度
84%
明度
55%
輝度
67%
色調 = 強い
色相 = 159°
3桁
#3fb
#3fa
#3f9
#3eb
#3ea
#3e9
#3db
#3da
#3d9
#2fb
#2fa
#2f9
#2eb
#2ea
#2e9
#2db
#2da
#2d9
#1fb
#1fa
#1f9
#1eb
#1ea
#1e9
#1db
#1da
#1d9
名前付き
turquoise
mediumspringgreen
mediumturquoise
lightseagreen
springgreen
darkturquoise
mediumaquamarine
mediumseagreen
cadetblue
aquamarine
aqua
lightgreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 9
-135 : 24
-120 : 39
-105 : 54
-90 : 69
-75 : 84
-60 : 99
-45 : 114
-30 : 129
-15 : 144
-10 : 149
-5 : 154
-2 : 157
±0 : 159
+2 : 161
+5 : 164
+10 : 169
+15 : 174
+30 : 189
+45 : 204
+60 : 219
+75 : 234
+90 : 249
+105 : 264
+120 : 279
+135 : 294
+150 : 309
+165 : 324
+180 : 339
+195 : 354
彩度
+16 : 100
+12 : 96
+8 : 92
+4 : 88
+3 : 87
+2 : 86
±0 : 84
-2 : 82
-3 : 81
-4 : 80
-8 : 76
-12 : 72
-16 : 68
-20 : 64
-24 : 60
-28 : 56
-32 : 52
-34 : 50
-36 : 48
-40 : 44
-44 : 40
-48 : 36
-52 : 32
-56 : 28
-60 : 24
-64 : 20
-68 : 16
-72 : 12
-76 : 8
-80 : 4
-84 : 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
白
-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
黒
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
赤
+213 : 255
+196 : 238
+179 : 221
+162 : 204
+145 : 187
+128 : 170
+111 : 153
+94 : 136
+77 : 119
+60 : 102
+43 : 85
+26 : 68
+9 : 51
+8 : 50
+4 : 46
+2 : 44
+1 : 43
±0 : 42
-1 : 41
-2 : 40
-4 : 38
-8 : 34
-25 : 17
-42 : 0
緑
+18 : 255
+8 : 245
+4 : 241
+2 : 239
+1 : 238
±0 : 237
-1 : 236
-2 : 235
-4 : 233
-8 : 229
-16 : 221
-33 : 204
-50 : 187
-67 : 170
-84 : 153
-101 : 136
-118 : 119
-135 : 102
-152 : 85
-169 : 68
-186 : 51
-203 : 34
-220 : 17
-237 : 0
青
+85 : 255
+68 : 238
+51 : 221
+34 : 204
+17 : 187
+8 : 178
+4 : 174
+2 : 172
+1 : 171
±0 : 170
-1 : 169
-2 : 168
-4 : 166
-8 : 162
-17 : 153
-34 : 136
-51 : 119
-68 : 102
-85 : 85
-102 : 68
-119 : 51
-136 : 34
-153 : 17
-170 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000