#472f1f
RGB ( 赤 = 71, 緑 = 47, 青 = 31 )
HSL ( 色相 = 24°, 彩度 = 39%, 明度 = 20% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #47221f : -20
14 : #47281f : -10
24 : #472f1f : ±0
34 : #47361f : +10
44 : #473c1f : +20
54 : #47431f : +30
64 : #44471f : +40
74 : #3e471f : +50
84 : #37471f : +60
94 : #30471f : +70
104 : #2a471f : +80
114 : #23471f : +90
124 : #1f4722 : +100
134 : #1f4728 : +110
144 : #1f472f : +120
154 : #1f4736 : +130
164 : #1f473c : +140
174 : #1f4743 : +150
184 : #1f4447 : +160
194 : #1f3e47 : +170
204 : #1f3747 : +180
214 : #1f3047 : +190
224 : #1f2a47 : +200
234 : #1f2347 : +210
244 : #221f47 : +220
254 : #281f47 : +230
264 : #2f1f47 : +240
274 : #361f47 : +250
284 : #3c1f47 : +260
294 : #431f47 : +270
304 : #471f44 : +280
314 : #471f3e : +290
324 : #471f37 : +300
334 : #471f30 : +310
344 : #471f2a : +320
354 : #471f23 : +330
14 : #47281f : -10
15 : #47291f : -9
16 : #472a1f : -8
17 : #472a1f : -7
18 : #472b1f : -6
19 : #472c1f : -5
20 : #472c1f : -4
21 : #472d1f : -3
22 : #472e1f : -2
23 : #472e1f : -1
24 : #472f1f : ±0
25 : #47301f : +1
26 : #47301f : +2
27 : #47311f : +3
28 : #47321f : +4
29 : #47321f : +5
30 : #47331f : +6
31 : #47341f : +7
32 : #47341f : +8
33 : #47351f : +9
34 : #47361f : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #343332 : -38
3 : #353331 : -36
5 : #363230 : -34
7 : #37322f : -32
9 : #38322e : -30
11 : #39322d : -28
13 : #3a322c : -26
15 : #3b312b : -24
17 : #3c312a : -22
19 : #3d3129 : -20
21 : #3e3128 : -18
23 : #3f3127 : -16
25 : #403026 : -14
27 : #413025 : -12
29 : #423024 : -10
31 : #433023 : -8
33 : #443022 : -6
35 : #452f21 : -4
37 : #462f20 : -2
39 : #472f1f : ±0
41 : #482f1e : +2
43 : #492f1d : +4
45 : #4a2e1c : +6
47 : #4b2e1b : +8
49 : #4c2e1a : +10
51 : #4d2e19 : +12
53 : #4e2e18 : +14
55 : #4f2d17 : +16
57 : #502d16 : +18
59 : #512d15 : +20
61 : #522d14 : +22
63 : #532d13 : +24
65 : #542c12 : +26
67 : #552c11 : +28
69 : #562c10 : +30
71 : #572c0f : +32
73 : #582c0e : +34
75 : #592b0d : +36
77 : #5a2b0c : +38
79 : #5b2b0b : +40
81 : #5c2b0a : +42
83 : #5d2b09 : +44
85 : #5e2a08 : +46
87 : #5f2a07 : +48
89 : #602a06 : +50
91 : #612a05 : +52
93 : #622a04 : +54
95 : #632903 : +56
97 : #642902 : +58
99 : #652901 : +60
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #070503 : -18
4 : #0e0906 : -16
6 : #150e09 : -14
8 : #1c130c : -12
10 : #231810 : -10
12 : #2b1c13 : -8
14 : #322116 : -6
16 : #392619 : -4
18 : #402a1c : -2
20 : #472f1f : ±0
22 : #4e3422 : +2
24 : #553825 : +4
26 : #5c3d28 : +6
28 : #63422c : +8
30 : #6a472f : +10
32 : #714b32 : +12
34 : #795035 : +14
36 : #805538 : +16
38 : #87593b : +18
40 : #8e5e3e : +20
42 : #956341 : +22
44 : #9c6744 : +24
46 : #a36c48 : +26
48 : #aa714b : +28
50 : #b1764e : +30
52 : #b47b55 : +32
54 : #b7815c : +34
56 : #bb8663 : +36
58 : #be8c6a : +38
60 : #c19171 : +40
62 : #c49778 : +42
64 : #c79c7f : +44
66 : #caa286 : +46
68 : #cda78e : +48
70 : #d0ad95 : +50
72 : #d3b29c : +52
74 : #d7b8a3 : +54
76 : #dabdaa : +56
78 : #ddc3b1 : +58
80 : #e0c8b8 : +60
82 : #e3cebf : +62
84 : #e6d3c6 : +64
86 : #e9d9cd : +66
88 : #ecded4 : +68
90 : #efe4dc : +70
92 : #f3e9e3 : +72
94 : #f6efea : +74
96 : #f9f4f1 : +76
98 : #fcfaf8 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow