#502821
RGB ( 赤 = 80, 緑 = 40, 青 = 33 )
HSL ( 色相 = 9°, 彩度 = 42%, 明度 = 22% )
H : 色相 ( 9° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #502821 : ±0
19 : #502f21 : +10
29 : #503721 : +20
39 : #503f21 : +30
49 : #504721 : +40
59 : #504f21 : +50
69 : #495021 : +60
79 : #415021 : +70
89 : #395021 : +80
99 : #315021 : +90
109 : #295021 : +100
119 : #215021 : +110
129 : #215028 : +120
139 : #21502f : +130
149 : #215037 : +140
159 : #21503f : +150
169 : #215047 : +160
179 : #21504f : +170
189 : #214950 : +180
199 : #214150 : +190
209 : #213950 : +200
219 : #213150 : +210
229 : #212950 : +220
239 : #212150 : +230
249 : #282150 : +240
259 : #2f2150 : +250
269 : #372150 : +260
279 : #3f2150 : +270
289 : #472150 : +280
299 : #4f2150 : +290
309 : #502149 : +300
319 : #502141 : +310
329 : #502139 : +320
339 : #502131 : +330
349 : #502129 : +340
359 : #502121 : +350
359 : #502121 : +350
0 : #502121 : -9
1 : #502121 : -8
2 : #502221 : -7
3 : #502321 : -6
4 : #502421 : -5
5 : #502421 : -4
6 : #502521 : -3
7 : #502621 : -2
8 : #502721 : -1
9 : #502821 : ±0
10 : #502821 : +1
11 : #502921 : +2
12 : #502a21 : +3
13 : #502b21 : +4
14 : #502c21 : +5
15 : #502c21 : +6
16 : #502d21 : +7
17 : #502e21 : +8
18 : #502f21 : +9
19 : #502f21 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -42
2 : #393737 : -40
4 : #3a3736 : -38
6 : #3b3635 : -36
8 : #3d3534 : -34
10 : #3e3432 : -32
12 : #3f3331 : -30
14 : #403330 : -28
16 : #41322f : -26
18 : #42312e : -24
20 : #43302d : -22
22 : #442f2c : -20
24 : #462f2b : -18
26 : #472e2a : -16
28 : #482d28 : -14
30 : #492c27 : -12
32 : #4a2c26 : -10
34 : #4b2b25 : -8
36 : #4c2a24 : -6
38 : #4d2923 : -4
40 : #4f2822 : -2
42 : #502821 : ±0
44 : #51271f : +2
46 : #52261e : +4
48 : #53251d : +6
50 : #54241c : +8
52 : #55241b : +10
54 : #56231a : +12
56 : #582219 : +14
58 : #592118 : +16
60 : #5a2116 : +18
62 : #5b2015 : +20
64 : #5c1f14 : +22
66 : #5d1e13 : +24
68 : #5e1d12 : +26
70 : #5f1d11 : +28
72 : #601c10 : +30
74 : #621b0f : +32
76 : #631a0d : +34
78 : #64190c : +36
80 : #65190b : +38
82 : #66180a : +40
84 : #671709 : +42
86 : #681608 : +44
88 : #691607 : +46
90 : #6b1506 : +48
92 : #6c1404 : +50
94 : #6d1303 : +52
96 : #6e1202 : +54
98 : #6f1201 : +56
100 : #701100 : +58
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #070403 : -20
4 : #0e0706 : -18
6 : #160b09 : -16
8 : #1d0e0c : -14
10 : #24120f : -12
12 : #2b1612 : -10
14 : #331915 : -8
16 : #3a1d18 : -6
18 : #41201b : -4
20 : #48241e : -2
22 : #502821 : ±0
24 : #572b23 : +2
26 : #5e2f26 : +4
28 : #653229 : +6
30 : #6d362c : +8
32 : #743a2f : +10
34 : #7b3d32 : +12
36 : #824135 : +14
38 : #8a4438 : +16
40 : #91483b : +18
42 : #984c3e : +20
44 : #9f4f41 : +22
46 : #a75344 : +24
48 : #ae5647 : +26
50 : #b55a4a : +28
52 : #b86151 : +30
54 : #bb6758 : +32
56 : #be6e60 : +34
58 : #c17467 : +36
60 : #c47b6e : +38
62 : #c78275 : +40
64 : #ca887d : +42
66 : #cd8f84 : +44
68 : #d0958b : +46
70 : #d39c92 : +48
72 : #d6a39a : +50
74 : #d9a9a1 : +52
76 : #dcb0a8 : +54
78 : #deb6af : +56
80 : #e1bdb7 : +58
82 : #e4c4be : +60
84 : #e7cac5 : +62
86 : #ead1cc : +64
88 : #edd7d4 : +66
90 : #f0dedb : +68
92 : #f3e5e2 : +70
94 : #f6ebe9 : +72
96 : #f9f2f1 : +74
98 : #fcf8f8 : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow