色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#3bde9d
データ
赤
59
緑
222
青
157
色相
156°
白
23%
黒
13%
彩度
71%
明度
55%
輝度
65%
色調 = 強い
色相 = 156°
3桁
#4ea
#4e9
#4e8
#4da
#4d9
#4d8
#4ca
#4c9
#4c8
#3ea
#3e9
#3e8
#3da
#3d9
#3d8
#3ca
#3c9
#3c8
#2ea
#2e9
#2e8
#2da
#2d9
#2d8
#2ca
#2c9
#2c8
名前付き
mediumaquamarine
mediumturquoise
turquoise
lightseagreen
mediumseagreen
mediumspringgreen
cadetblue
springgreen
darkturquoise
lightgreen
darkseagreen
aquamarine
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 6
-135 : 21
-120 : 36
-105 : 51
-90 : 66
-75 : 81
-60 : 96
-45 : 111
-30 : 126
-15 : 141
-10 : 146
-5 : 151
-2 : 154
±0 : 156
+2 : 158
+5 : 161
+10 : 166
+15 : 171
+30 : 186
+45 : 201
+60 : 216
+75 : 231
+90 : 246
+105 : 261
+120 : 276
+135 : 291
+150 : 306
+165 : 321
+180 : 336
+195 : 351
彩度
+29 : 100
+25 : 96
+21 : 92
+17 : 88
+13 : 84
+9 : 80
+5 : 76
+3 : 74
+2 : 73
+1 : 72
±0 : 71
-2 : 69
-3 : 68
-7 : 64
-11 : 60
-15 : 56
-19 : 52
-21 : 50
-23 : 48
-27 : 44
-31 : 40
-35 : 36
-39 : 32
-43 : 28
-47 : 24
-51 : 20
-55 : 16
-59 : 12
-63 : 8
-67 : 4
-71 : 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
白
-23 : 0
-19 : 4
-15 : 8
-11 : 12
-7 : 16
-3 : 20
-2 : 21
±0 : 23
+1 : 24
+2 : 25
+3 : 26
+5 : 28
+9 : 32
+13 : 36
+17 : 40
+21 : 44
+25 : 48
+27 : 50
+29 : 52
+33 : 56
+37 : 60
+41 : 64
+45 : 68
+49 : 72
+53 : 76
+57 : 80
+61 : 84
+65 : 88
+69 : 92
+73 : 96
+77 : 100
黒
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
赤
+196 : 255
+179 : 238
+162 : 221
+145 : 204
+128 : 187
+111 : 170
+94 : 153
+77 : 136
+60 : 119
+43 : 102
+26 : 85
+9 : 68
+8 : 67
+4 : 63
+2 : 61
+1 : 60
±0 : 59
-1 : 58
-2 : 57
-4 : 55
-8 : 51
-25 : 34
-42 : 17
-59 : 0
緑
+33 : 255
+16 : 238
+8 : 230
+4 : 226
+2 : 224
+1 : 223
±0 : 222
-1 : 221
-2 : 220
-4 : 218
-8 : 214
-18 : 204
-35 : 187
-52 : 170
-69 : 153
-86 : 136
-103 : 119
-120 : 102
-137 : 85
-154 : 68
-171 : 51
-188 : 34
-205 : 17
-222 : 0
青
+98 : 255
+81 : 238
+64 : 221
+47 : 204
+30 : 187
+13 : 170
+8 : 165
+4 : 161
+2 : 159
+1 : 158
±0 : 157
-1 : 156
-2 : 155
-4 : 153
-8 : 149
-21 : 136
-38 : 119
-55 : 102
-72 : 85
-89 : 68
-106 : 51
-123 : 34
-140 : 17
-157 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000