#330020
RGB ( 赤 = 51, 緑 = 0, 青 = 32 )
HSL ( 色相 = 322°, 彩度 = 100%, 明度 = 10% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #330200 : -320
12 : #330a00 : -310
22 : #331300 : -300
32 : #331b00 : -290
42 : #332400 : -280
52 : #332c00 : -270
62 : #313300 : -260
72 : #293300 : -250
82 : #203300 : -240
92 : #183300 : -230
102 : #0f3300 : -220
112 : #073300 : -210
122 : #003302 : -200
132 : #00330a : -190
142 : #003313 : -180
152 : #00331b : -170
162 : #003324 : -160
172 : #00332c : -150
182 : #003133 : -140
192 : #002933 : -130
202 : #002033 : -120
212 : #001833 : -110
222 : #000f33 : -100
232 : #000733 : -90
242 : #020033 : -80
252 : #0a0033 : -70
262 : #130033 : -60
272 : #1b0033 : -50
282 : #240033 : -40
292 : #2c0033 : -30
302 : #330031 : -20
312 : #330029 : -10
322 : #330020 : ±0
332 : #330018 : +10
342 : #33000f : +20
352 : #330007 : +30
312 : #330029 : -10
313 : #330028 : -9
314 : #330027 : -8
315 : #330026 : -7
316 : #330025 : -6
317 : #330025 : -5
318 : #330024 : -4
319 : #330023 : -3
320 : #330022 : -2
321 : #330021 : -1
322 : #330020 : ±0
323 : #33001f : +1
324 : #33001f : +2
325 : #33001e : +3
326 : #33001d : +4
327 : #33001c : +5
328 : #33001b : +6
329 : #33001a : +7
330 : #33001a : +8
331 : #330019 : +9
332 : #330018 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #191919 : -100
2 : #1a191a : -98
4 : #1b181a : -96
6 : #1b181a : -94
8 : #1c171a : -92
10 : #1c171a : -90
12 : #1d161a : -88
14 : #1d161a : -86
16 : #1e151b : -84
18 : #1e151b : -82
20 : #1f141b : -80
22 : #1f141b : -78
24 : #20131b : -76
26 : #20131b : -74
28 : #21121b : -72
30 : #21121c : -70
32 : #22111c : -68
34 : #22111c : -66
36 : #23101c : -64
38 : #23101c : -62
40 : #240f1c : -60
42 : #240f1c : -58
44 : #250e1c : -56
46 : #250e1d : -54
48 : #260d1d : -52
50 : #260d1d : -50
52 : #270c1d : -48
54 : #270c1d : -46
56 : #280b1d : -44
58 : #280b1d : -42
60 : #290a1e : -40
62 : #290a1e : -38
64 : #2a091e : -36
66 : #2a091e : -34
68 : #2b081e : -32
70 : #2b081e : -30
72 : #2c071e : -28
74 : #2c071f : -26
76 : #2d061f : -24
78 : #2d061f : -22
80 : #2e051f : -20
82 : #2e051f : -18
84 : #2f041f : -16
86 : #2f041f : -14
88 : #30031f : -12
90 : #300320 : -10
92 : #310220 : -8
94 : #310220 : -6
96 : #320120 : -4
98 : #320120 : -2
100 : #330020 : ±0
L : 明度 ( 10% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -10
2 : #0a0006 : -8
4 : #14000d : -6
6 : #1f0013 : -4
8 : #29001a : -2
10 : #330020 : ±0
12 : #3d0027 : +2
14 : #47002d : +4
16 : #520034 : +6
18 : #5c003a : +8
20 : #660041 : +10
22 : #700047 : +12
24 : #7a004e : +14
26 : #850054 : +16
28 : #8f005a : +18
30 : #990061 : +20
32 : #a30067 : +22
34 : #ad006e : +24
36 : #b80074 : +26
38 : #c2007b : +28
40 : #cc0081 : +30
42 : #d60088 : +32
44 : #e0008e : +34
46 : #eb0095 : +36
48 : #f5009b : +38
50 : #ff00a2 : +40
52 : #ff0aa5 : +42
54 : #ff14a9 : +44
56 : #ff1fad : +46
58 : #ff29b0 : +48
60 : #ff33b4 : +50
62 : #ff3db8 : +52
64 : #ff47bc : +54
66 : #ff52bf : +56
68 : #ff5cc3 : +58
70 : #ff66c7 : +60
72 : #ff70cb : +62
74 : #ff7ace : +64
76 : #ff85d2 : +66
78 : #ff8fd6 : +68
80 : #ff99da : +70
82 : #ffa3dd : +72
84 : #ffade1 : +74
86 : #ffb8e5 : +76
88 : #ffc2e9 : +78
90 : #ffccec : +80
92 : #ffd6f0 : +82
94 : #ffe0f4 : +84
96 : #ffebf8 : +86
98 : #fff5fb : +88
100 : #ffffff : +90
CSS入門、作ってます。
text-shadow