#503321
RGB ( 赤 = 80, 緑 = 51, 青 = 33 )
HSL ( 色相 = 23°, 彩度 = 42%, 明度 = 22% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #502321 : -20
13 : #502b21 : -10
23 : #503321 : ±0
33 : #503a21 : +10
43 : #504221 : +20
53 : #504a21 : +30
63 : #4d5021 : +40
73 : #455021 : +50
83 : #3e5021 : +60
93 : #365021 : +70
103 : #2e5021 : +80
113 : #265021 : +90
123 : #215023 : +100
133 : #21502b : +110
143 : #215033 : +120
153 : #21503a : +130
163 : #215042 : +140
173 : #21504a : +150
183 : #214d50 : +160
193 : #214550 : +170
203 : #213e50 : +180
213 : #213650 : +190
223 : #212e50 : +200
233 : #212650 : +210
243 : #232150 : +220
253 : #2b2150 : +230
263 : #332150 : +240
273 : #3a2150 : +250
283 : #422150 : +260
293 : #4a2150 : +270
303 : #50214d : +280
313 : #502145 : +290
323 : #50213e : +300
333 : #502136 : +310
343 : #50212e : +320
353 : #502126 : +330
13 : #502b21 : -10
14 : #502c21 : -9
15 : #502c21 : -8
16 : #502d21 : -7
17 : #502e21 : -6
18 : #502f21 : -5
19 : #502f21 : -4
20 : #503021 : -3
21 : #503121 : -2
22 : #503221 : -1
23 : #503321 : ±0
24 : #503321 : +1
25 : #503421 : +2
26 : #503521 : +3
27 : #503621 : +4
28 : #503721 : +5
29 : #503721 : +6
30 : #503821 : +7
31 : #503921 : +8
32 : #503a21 : +9
33 : #503a21 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -42
2 : #393837 : -40
4 : #3a3836 : -38
6 : #3b3735 : -36
8 : #3d3734 : -34
10 : #3e3732 : -32
12 : #3f3731 : -30
14 : #403630 : -28
16 : #41362f : -26
18 : #42362e : -24
20 : #43352d : -22
22 : #44352c : -20
24 : #46352b : -18
26 : #47352a : -16
28 : #483428 : -14
30 : #493427 : -12
32 : #4a3426 : -10
34 : #4b3425 : -8
36 : #4c3324 : -6
38 : #4d3323 : -4
40 : #4f3322 : -2
42 : #503321 : ±0
44 : #51321f : +2
46 : #52321e : +4
48 : #53321d : +6
50 : #54321c : +8
52 : #55311b : +10
54 : #56311a : +12
56 : #583119 : +14
58 : #593118 : +16
60 : #5a3016 : +18
62 : #5b3015 : +20
64 : #5c3014 : +22
66 : #5d2f13 : +24
68 : #5e2f12 : +26
70 : #5f2f11 : +28
72 : #602f10 : +30
74 : #622e0f : +32
76 : #632e0d : +34
78 : #642e0c : +36
80 : #652e0b : +38
82 : #662d0a : +40
84 : #672d09 : +42
86 : #682d08 : +44
88 : #692d07 : +46
90 : #6b2c06 : +48
92 : #6c2c04 : +50
94 : #6d2c03 : +52
96 : #6e2c02 : +54
98 : #6f2b01 : +56
100 : #702b00 : +58
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #070503 : -20
4 : #0e0906 : -18
6 : #160e09 : -16
8 : #1d120c : -14
10 : #24170f : -12
12 : #2b1c12 : -10
14 : #332015 : -8
16 : #3a2518 : -6
18 : #41291b : -4
20 : #482e1e : -2
22 : #503321 : ±0
24 : #573723 : +2
26 : #5e3c26 : +4
28 : #654029 : +6
30 : #6d452c : +8
32 : #744a2f : +10
34 : #7b4e32 : +12
36 : #825335 : +14
38 : #8a5738 : +16
40 : #915c3b : +18
42 : #98613e : +20
44 : #9f6541 : +22
46 : #a76a44 : +24
48 : #ae6e47 : +26
50 : #b5734a : +28
52 : #b87951 : +30
54 : #bb7e58 : +32
56 : #be8460 : +34
58 : #c18967 : +36
60 : #c48f6e : +38
62 : #c79575 : +40
64 : #ca9a7d : +42
66 : #cda084 : +44
68 : #d0a58b : +46
70 : #d3ab92 : +48
72 : #d6b19a : +50
74 : #d9b6a1 : +52
76 : #dcbca8 : +54
78 : #dec1af : +56
80 : #e1c7b7 : +58
82 : #e4cdbe : +60
84 : #e7d2c5 : +62
86 : #ead8cc : +64
88 : #edddd4 : +66
90 : #f0e3db : +68
92 : #f3e9e2 : +70
94 : #f6eee9 : +72
96 : #f9f4f1 : +74
98 : #fcf9f8 : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow