#5d4027
RGB ( 赤 = 93, 緑 = 64, 青 = 39 )
HSL ( 色相 = 28°, 彩度 = 41%, 明度 = 26% )
H : 色相 ( 28° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #5d2e27 : -20
18 : #5d3727 : -10
28 : #5d4027 : ±0
38 : #5d4a27 : +10
48 : #5d5327 : +20
58 : #5d5c27 : +30
68 : #565d27 : +40
78 : #4d5d27 : +50
88 : #445d27 : +60
98 : #3b5d27 : +70
108 : #325d27 : +80
118 : #295d27 : +90
128 : #275d2e : +100
138 : #275d37 : +110
148 : #275d40 : +120
158 : #275d4a : +130
168 : #275d53 : +140
178 : #275d5c : +150
188 : #27565d : +160
198 : #274d5d : +170
208 : #27445d : +180
218 : #273b5d : +190
228 : #27325d : +200
238 : #27295d : +210
248 : #2e275d : +220
258 : #37275d : +230
268 : #40275d : +240
278 : #4a275d : +250
288 : #53275d : +260
298 : #5c275d : +270
308 : #5d2756 : +280
318 : #5d274d : +290
328 : #5d2744 : +300
338 : #5d273b : +310
348 : #5d2732 : +320
358 : #5d2729 : +330
18 : #5d3727 : -10
19 : #5d3827 : -9
20 : #5d3927 : -8
21 : #5d3a27 : -7
22 : #5d3b27 : -6
23 : #5d3c27 : -5
24 : #5d3d27 : -4
25 : #5d3e27 : -3
26 : #5d3f27 : -2
27 : #5d4027 : -1
28 : #5d4027 : ±0
29 : #5d4127 : +1
30 : #5d4227 : +2
31 : #5d4327 : +3
32 : #5d4427 : +4
33 : #5d4527 : +5
34 : #5d4627 : +6
35 : #5d4727 : +7
36 : #5d4827 : +8
37 : #5d4927 : +9
38 : #5d4a27 : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434242 : -40
3 : #444240 : -38
5 : #46423f : -36
7 : #47423e : -34
9 : #48423c : -32
11 : #4a423b : -30
13 : #4b423a : -28
15 : #4c4238 : -26
17 : #4e4237 : -24
19 : #4f4136 : -22
21 : #504134 : -20
23 : #524133 : -18
25 : #534132 : -16
27 : #544130 : -14
29 : #56412f : -12
31 : #57412e : -10
33 : #58412c : -8
35 : #5a412b : -6
37 : #5b412a : -4
39 : #5c4128 : -2
41 : #5d4027 : ±0
43 : #5f4026 : +2
45 : #604024 : +4
47 : #614023 : +6
49 : #634022 : +8
51 : #644020 : +10
53 : #65401f : +12
55 : #67401e : +14
57 : #68401d : +16
59 : #69401b : +18
61 : #6b401a : +20
63 : #6c4019 : +22
65 : #6d3f17 : +24
67 : #6f3f16 : +26
69 : #703f15 : +28
71 : #713f13 : +30
73 : #733f12 : +32
75 : #743f11 : +34
77 : #753f0f : +36
79 : #773f0e : +38
81 : #783f0d : +40
83 : #793f0b : +42
85 : #7b3f0a : +44
87 : #7c3e09 : +46
89 : #7d3e07 : +48
91 : #7f3e06 : +50
93 : #803e05 : +52
95 : #813e03 : +54
97 : #833e02 : +56
99 : #843e01 : +58
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #070503 : -24
4 : #0e0a06 : -22
6 : #160f09 : -20
8 : #1d140c : -18
10 : #24190f : -16
12 : #2b1e12 : -14
14 : #322315 : -12
16 : #3a2818 : -10
18 : #412d1b : -8
20 : #48321e : -6
22 : #4f3721 : -4
24 : #563c24 : -2
26 : #5d4027 : ±0
28 : #65452a : +2
30 : #6c4a2d : +4
32 : #734f30 : +6
34 : #7a5433 : +8
36 : #815936 : +10
38 : #895e39 : +12
40 : #90633c : +14
42 : #97683f : +16
44 : #9e6d42 : +18
46 : #a57245 : +20
48 : #ad7748 : +22
50 : #b47c4b : +24
52 : #b78152 : +26
54 : #ba865a : +28
56 : #bd8c61 : +30
58 : #c09168 : +32
60 : #c3966f : +34
62 : #c69b76 : +36
64 : #c9a17e : +38
66 : #cca685 : +40
68 : #cfab8c : +42
70 : #d2b093 : +44
72 : #d5b69a : +46
74 : #d8bba2 : +48
76 : #dbc0a9 : +50
78 : #dec5b0 : +52
80 : #e1cbb7 : +54
82 : #e4d0be : +56
84 : #e7d5c5 : +58
86 : #eadacd : +60
88 : #ede0d4 : +62
90 : #f0e5db : +64
92 : #f3eae2 : +66
94 : #f6efe9 : +68
96 : #f9f5f1 : +70
98 : #fcfaf8 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow