色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#2fd899
データ
赤
47
緑
216
青
153
色相
158°
白
18%
黒
15%
彩度
68%
明度
52%
輝度
62%
色調 = 強い
色相 = 158°
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
名前付き
lightseagreen
mediumseagreen
mediumturquoise
mediumspringgreen
turquoise
mediumaquamarine
springgreen
darkturquoise
cadetblue
darkcyan
steelblue
lightgreen
色の調和
類似色 ±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
彩度
+32 : 100
+28 : 96
+24 : 92
+20 : 88
+16 : 84
+12 : 80
+8 : 76
+4 : 72
+3 : 71
+2 : 70
±0 : 68
-2 : 66
-3 : 65
-4 : 64
-8 : 60
-12 : 56
-16 : 52
-18 : 50
-20 : 48
-24 : 44
-28 : 40
-32 : 36
-36 : 32
-40 : 28
-44 : 24
-48 : 20
-52 : 16
-56 : 12
-60 : 8
-64 : 4
-68 : 0
明度
+48 : 100
+44 : 96
+40 : 92
+36 : 88
+32 : 84
+28 : 80
+24 : 76
+20 : 72
+16 : 68
+12 : 64
+8 : 60
+4 : 56
+3 : 55
+2 : 54
±0 : 52
-2 : 50
-3 : 49
-4 : 48
-8 : 44
-12 : 40
-16 : 36
-20 : 32
-24 : 28
-28 : 24
-32 : 20
-36 : 16
-40 : 12
-44 : 8
-48 : 4
-52 : 0
白
-18 : 0
-14 : 4
-10 : 8
-6 : 12
-3 : 15
-2 : 16
±0 : 18
+2 : 20
+3 : 21
+6 : 24
+10 : 28
+14 : 32
+18 : 36
+22 : 40
+26 : 44
+30 : 48
+32 : 50
+34 : 52
+38 : 56
+42 : 60
+46 : 64
+50 : 68
+54 : 72
+58 : 76
+62 : 80
+66 : 84
+70 : 88
+74 : 92
+78 : 96
+82 : 100
黒
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 100
赤
+208 : 255
+191 : 238
+174 : 221
+157 : 204
+140 : 187
+123 : 170
+106 : 153
+89 : 136
+72 : 119
+55 : 102
+38 : 85
+21 : 68
+8 : 55
+4 : 51
+2 : 49
+1 : 48
±0 : 47
-1 : 46
-2 : 45
-4 : 43
-8 : 39
-13 : 34
-30 : 17
-47 : 0
緑
+39 : 255
+22 : 238
+8 : 224
+5 : 221
+4 : 220
+2 : 218
+1 : 217
±0 : 216
-1 : 215
-2 : 214
-4 : 212
-8 : 208
-12 : 204
-29 : 187
-46 : 170
-63 : 153
-80 : 136
-97 : 119
-114 : 102
-131 : 85
-148 : 68
-165 : 51
-182 : 34
-199 : 17
-216 : 0
青
+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
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000