色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#32ff4e
データ
赤
50
緑
255
青
78
色相
128°
白
20%
黒
0%
彩度
100%
明度
60%
輝度
68%
色調 = 強い
色相 = 128°
3桁
#4f6
#4f5
#4f4
#4e6
#4e5
#4e4
#4d6
#4d5
#4d4
#3f6
#3f5
#3f4
#3e6
#3e5
#3e4
#3d6
#3d5
#3d4
#2f6
#2f5
#2f4
#2e6
#2e5
#2e4
#2d6
#2d5
#2d4
名前付き
limegreen
springgreen
mediumseagreen
mediumspringgreen
lime
lawngreen
chartreuse
lightgreen
seagreen
mediumaquamarine
yellowgreen
lightseagreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-120 : 8
-105 : 23
-90 : 38
-75 : 53
-60 : 68
-45 : 83
-30 : 98
-15 : 113
-10 : 118
-5 : 123
-2 : 126
±0 : 128
+2 : 130
+5 : 133
+10 : 138
+15 : 143
+30 : 158
+45 : 173
+60 : 188
+75 : 203
+90 : 218
+105 : 233
+120 : 248
+135 : 263
+150 : 278
+165 : 293
+180 : 308
+195 : 323
+210 : 338
+225 : 353
彩度
±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
明度
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
白
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 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
赤
+205 : 255
+188 : 238
+171 : 221
+154 : 204
+137 : 187
+120 : 170
+103 : 153
+86 : 136
+69 : 119
+52 : 102
+35 : 85
+18 : 68
+8 : 58
+4 : 54
+2 : 52
+1 : 51
±0 : 50
-1 : 49
-2 : 48
-4 : 46
-8 : 42
-16 : 34
-33 : 17
-50 : 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
青
+177 : 255
+160 : 238
+143 : 221
+126 : 204
+109 : 187
+92 : 170
+75 : 153
+58 : 136
+41 : 119
+24 : 102
+8 : 86
+7 : 85
+4 : 82
+2 : 80
+1 : 79
±0 : 78
-1 : 77
-2 : 76
-4 : 74
-8 : 70
-10 : 68
-27 : 51
-44 : 34
-61 : 17
-78 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000