#503507
RGB ( 赤 = 80, 緑 = 53, 青 = 7 )
HSL ( 色相 = 38°, 彩度 = 84%, 明度 = 17% )
H : 色相 ( 38° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #501107 : -30
18 : #501d07 : -20
28 : #502907 : -10
38 : #503507 : ±0
48 : #504107 : +10
58 : #504d07 : +20
68 : #465007 : +30
78 : #3a5007 : +40
88 : #2e5007 : +50
98 : #225007 : +60
108 : #165007 : +70
118 : #095007 : +80
128 : #075011 : +90
138 : #07501d : +100
148 : #075029 : +110
158 : #075035 : +120
168 : #075041 : +130
178 : #07504d : +140
188 : #074650 : +150
198 : #073a50 : +160
208 : #072e50 : +170
218 : #072250 : +180
228 : #071650 : +190
238 : #070950 : +200
248 : #110750 : +210
258 : #1d0750 : +220
268 : #290750 : +230
278 : #350750 : +240
288 : #410750 : +250
298 : #4d0750 : +260
308 : #500746 : +270
318 : #50073a : +280
328 : #50072e : +290
338 : #500722 : +300
348 : #500716 : +310
358 : #500709 : +320
28 : #502907 : -10
29 : #502a07 : -9
30 : #502b07 : -8
31 : #502d07 : -7
32 : #502e07 : -6
33 : #502f07 : -5
34 : #503007 : -4
35 : #503107 : -3
36 : #503307 : -2
37 : #503407 : -1
38 : #503507 : ±0
39 : #503607 : +1
40 : #503707 : +2
41 : #503907 : +3
42 : #503a07 : +4
43 : #503b07 : +5
44 : #503c07 : +6
45 : #503e07 : +7
46 : #503f07 : +8
47 : #504007 : +9
48 : #504107 : +10
S : 彩度 ( 84% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -84
2 : #2c2c2a : -82
4 : #2d2c2a : -80
6 : #2e2c29 : -78
8 : #2f2c28 : -76
10 : #302d27 : -74
12 : #312d26 : -72
14 : #312d25 : -70
16 : #322d24 : -68
18 : #332d24 : -66
20 : #342e23 : -64
22 : #352e22 : -62
24 : #362e21 : -60
26 : #372e20 : -58
28 : #372f1f : -56
30 : #382f1e : -54
32 : #392f1d : -52
34 : #3a2f1d : -50
36 : #3b301c : -48
38 : #3c301b : -46
40 : #3d301a : -44
42 : #3e3019 : -42
44 : #3e3018 : -40
46 : #3f3117 : -38
48 : #403117 : -36
50 : #413116 : -34
52 : #423115 : -32
54 : #433214 : -30
56 : #443213 : -28
58 : #443212 : -26
60 : #453211 : -24
62 : #463310 : -22
64 : #473310 : -20
66 : #48330f : -18
68 : #49330e : -16
70 : #4a330d : -14
72 : #4b340c : -12
74 : #4b340b : -10
76 : #4c340a : -8
78 : #4d340a : -6
80 : #4e3509 : -4
82 : #4f3508 : -2
84 : #503507 : ±0
86 : #513506 : +2
88 : #513605 : +4
90 : #523604 : +6
92 : #533603 : +8
94 : #543603 : +10
96 : #553602 : +12
98 : #563701 : +14
100 : #573700 : +16
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -16
3 : #0e0901 : -14
5 : #171002 : -12
7 : #211603 : -10
9 : #2a1c04 : -8
11 : #342204 : -6
13 : #3d2905 : -4
15 : #462f06 : -2
17 : #503507 : ±0
19 : #593b08 : +2
21 : #634209 : +4
23 : #6c4809 : +6
25 : #754e0a : +8
27 : #7f540b : +10
29 : #885b0c : +12
31 : #91610d : +14
33 : #9b670d : +16
35 : #a46d0e : +18
37 : #ae730f : +20
39 : #b77a10 : +22
41 : #c08011 : +24
43 : #ca8612 : +26
45 : #d38c12 : +28
47 : #dd9313 : +30
49 : #e69914 : +32
51 : #eb9e19 : +34
53 : #eca222 : +36
55 : #eda62c : +38
57 : #edaa35 : +40
59 : #eeae3f : +42
61 : #efb248 : +44
63 : #f0b651 : +46
65 : #f1ba5b : +48
67 : #f2be64 : +50
69 : #f2c26e : +52
71 : #f3c677 : +54
73 : #f4ca80 : +56
75 : #f5ce8a : +58
77 : #f6d193 : +60
79 : #f6d59c : +62
81 : #f7d9a6 : +64
83 : #f8ddaf : +66
85 : #f9e1b9 : +68
87 : #fae5c2 : +70
89 : #fbe9cb : +72
91 : #fbedd5 : +74
93 : #fcf1de : +76
95 : #fdf5e8 : +78
97 : #fef9f1 : +80
99 : #fffdfa : +82
CSS入門、作ってます。
text-shadow