#4d2848
RGB ( 赤 = 77, 緑 = 40, 青 = 72 )
HSL ( 色相 = 308°, 彩度 = 32%, 明度 = 23% )
H : 色相 ( 308° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #4d2d28 : -300
18 : #4d3328 : -290
28 : #4d3928 : -280
38 : #4d4028 : -270
48 : #4d4628 : -260
58 : #4d4c28 : -250
68 : #484d28 : -240
78 : #424d28 : -230
88 : #3c4d28 : -220
98 : #364d28 : -210
108 : #2f4d28 : -200
118 : #294d28 : -190
128 : #284d2d : -180
138 : #284d33 : -170
148 : #284d39 : -160
158 : #284d40 : -150
168 : #284d46 : -140
178 : #284d4c : -130
188 : #28484d : -120
198 : #28424d : -110
208 : #283c4d : -100
218 : #28364d : -90
228 : #282f4d : -80
238 : #28294d : -70
248 : #2d284d : -60
258 : #33284d : -50
268 : #39284d : -40
278 : #40284d : -30
288 : #46284d : -20
298 : #4c284d : -10
308 : #4d2848 : ±0
318 : #4d2842 : +10
328 : #4d283c : +20
338 : #4d2836 : +30
348 : #4d282f : +40
358 : #4d2829 : +50
298 : #4c284d : -10
299 : #4d284d : -9
300 : #4d284d : -8
301 : #4d284d : -7
302 : #4d284c : -6
303 : #4d284c : -5
304 : #4d284b : -4
305 : #4d284a : -3
306 : #4d284a : -2
307 : #4d2849 : -1
308 : #4d2848 : ±0
309 : #4d2848 : +1
310 : #4d2847 : +2
311 : #4d2847 : +3
312 : #4d2846 : +4
313 : #4d2845 : +5
314 : #4d2845 : +6
315 : #4d2844 : +7
316 : #4d2843 : +8
317 : #4d2843 : +9
318 : #4d2842 : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3a3a3a : -32
2 : #3c393c : -30
4 : #3d383c : -28
6 : #3e373d : -26
8 : #3f363e : -24
10 : #41353f : -22
12 : #423440 : -20
14 : #433241 : -18
16 : #443142 : -16
18 : #453042 : -14
20 : #462f43 : -12
22 : #482e44 : -10
24 : #492d45 : -8
26 : #4a2b46 : -6
28 : #4b2a47 : -4
30 : #4c2948 : -2
32 : #4d2848 : ±0
34 : #4f2749 : +2
36 : #50264a : +4
38 : #51244b : +6
40 : #52234c : +8
42 : #53224d : +10
44 : #54214e : +12
46 : #56204e : +14
48 : #571e4f : +16
50 : #581d50 : +18
52 : #591c51 : +20
54 : #5a1b52 : +22
56 : #5b1a53 : +24
58 : #5d1954 : +26
60 : #5e1754 : +28
62 : #5f1655 : +30
64 : #601556 : +32
66 : #611457 : +34
68 : #631358 : +36
70 : #641259 : +38
72 : #65105a : +40
74 : #660f5a : +42
76 : #670e5b : +44
78 : #680d5c : +46
80 : #6a0c5d : +48
82 : #6b0b5e : +50
84 : #6c095f : +52
86 : #6d0860 : +54
88 : #6e0760 : +56
90 : #6f0661 : +58
92 : #710562 : +60
94 : #720463 : +62
96 : #730264 : +64
98 : #740165 : +66
100 : #750066 : +68
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -22
3 : #0a0509 : -20
5 : #110910 : -18
7 : #180c16 : -16
9 : #1e101c : -14
11 : #251323 : -12
13 : #2c1729 : -10
15 : #321a2f : -8
17 : #391d36 : -6
19 : #40213c : -4
21 : #472442 : -2
23 : #4d2848 : ±0
25 : #542b4f : +2
27 : #5b2f55 : +4
29 : #62325b : +6
31 : #683662 : +8
33 : #6f3968 : +10
35 : #763d6e : +12
37 : #7d4074 : +14
39 : #83447b : +16
41 : #8a4781 : +18
43 : #914b87 : +20
45 : #974e8e : +22
47 : #9e5194 : +24
49 : #a5559a : +26
51 : #aa5a9f : +28
53 : #ae61a3 : +30
55 : #b168a7 : +32
57 : #b46eab : +34
59 : #b875af : +36
61 : #bb7cb3 : +38
63 : #bf82b7 : +40
65 : #c289bb : +42
67 : #c690bf : +44
69 : #c997c3 : +46
71 : #cd9dc6 : +48
73 : #d0a4ca : +50
75 : #d4abce : +52
77 : #d7b2d2 : +54
79 : #dbb8d6 : +56
81 : #debfda : +58
83 : #e2c6de : +60
85 : #e5cde2 : +62
87 : #e8d3e6 : +64
89 : #ecdaea : +66
91 : #efe1ed : +68
93 : #f3e7f1 : +70
95 : #f6eef5 : +72
97 : #faf5f9 : +74
99 : #fdfcfd : +76
CSS入門、作ってます。
text-shadow