#482f1e
RGB ( 赤 = 72, 緑 = 47, 青 = 30 )
HSL ( 色相 = 24°, 彩度 = 41%, 明度 = 20% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #48211e : -20
14 : #48281e : -10
24 : #482f1e : ±0
34 : #48361e : +10
44 : #483d1e : +20
54 : #48441e : +30
64 : #45481e : +40
74 : #3e481e : +50
84 : #37481e : +60
94 : #30481e : +70
104 : #29481e : +80
114 : #22481e : +90
124 : #1e4821 : +100
134 : #1e4828 : +110
144 : #1e482f : +120
154 : #1e4836 : +130
164 : #1e483d : +140
174 : #1e4844 : +150
184 : #1e4548 : +160
194 : #1e3e48 : +170
204 : #1e3748 : +180
214 : #1e3048 : +190
224 : #1e2948 : +200
234 : #1e2248 : +210
244 : #211e48 : +220
254 : #281e48 : +230
264 : #2f1e48 : +240
274 : #361e48 : +250
284 : #3d1e48 : +260
294 : #441e48 : +270
304 : #481e45 : +280
314 : #481e3e : +290
324 : #481e37 : +300
334 : #481e30 : +310
344 : #481e29 : +320
354 : #481e22 : +330
14 : #48281e : -10
15 : #48291e : -9
16 : #48291e : -8
17 : #482a1e : -7
18 : #482b1e : -6
19 : #482b1e : -5
20 : #482c1e : -4
21 : #482d1e : -3
22 : #482d1e : -2
23 : #482e1e : -1
24 : #482f1e : ±0
25 : #48301e : +1
26 : #48301e : +2
27 : #48311e : +3
28 : #48321e : +4
29 : #48321e : +5
30 : #48331e : +6
31 : #48341e : +7
32 : #48341e : +8
33 : #48351e : +9
34 : #48361e : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #343332 : -40
3 : #353331 : -38
5 : #363230 : -36
7 : #37322f : -34
9 : #38322e : -32
11 : #39322d : -30
13 : #3a322c : -28
15 : #3b312b : -26
17 : #3c312a : -24
19 : #3d3129 : -22
21 : #3e3128 : -20
23 : #3f3127 : -18
25 : #403026 : -16
27 : #413025 : -14
29 : #423024 : -12
31 : #433023 : -10
33 : #443022 : -8
35 : #452f21 : -6
37 : #462f20 : -4
39 : #472f1f : -2
41 : #482f1e : ±0
43 : #492f1d : +2
45 : #4a2e1c : +4
47 : #4b2e1b : +6
49 : #4c2e1a : +8
51 : #4d2e19 : +10
53 : #4e2e18 : +12
55 : #4f2d17 : +14
57 : #502d16 : +16
59 : #512d15 : +18
61 : #522d14 : +20
63 : #532d13 : +22
65 : #542c12 : +24
67 : #552c11 : +26
69 : #562c10 : +28
71 : #572c0f : +30
73 : #582c0e : +32
75 : #592b0d : +34
77 : #5a2b0c : +36
79 : #5b2b0b : +38
81 : #5c2b0a : +40
83 : #5d2b09 : +42
85 : #5e2a08 : +44
87 : #5f2a07 : +46
89 : #602a06 : +48
91 : #612a05 : +50
93 : #622a04 : +52
95 : #632903 : +54
97 : #642902 : +56
99 : #652901 : +58
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #070503 : -18
4 : #0e0906 : -16
6 : #160e09 : -14
8 : #1d130c : -12
10 : #24170f : -10
12 : #2b1c12 : -8
14 : #322115 : -6
16 : #3a2518 : -4
18 : #412a1b : -2
20 : #482f1e : ±0
22 : #4f3321 : +2
24 : #563824 : +4
26 : #5d3d27 : +6
28 : #65422a : +8
30 : #6c462d : +10
32 : #734b30 : +12
34 : #7a5033 : +14
36 : #815436 : +16
38 : #895939 : +18
40 : #905e3c : +20
42 : #97623f : +22
44 : #9e6742 : +24
46 : #a56c45 : +26
48 : #ad7048 : +28
50 : #b4754b : +30
52 : #b77b52 : +32
54 : #ba805a : +34
56 : #bd8661 : +36
58 : #c08b68 : +38
60 : #c3916f : +40
62 : #c69676 : +42
64 : #c99c7e : +44
66 : #cca185 : +46
68 : #cfa78c : +48
70 : #d2ac93 : +50
72 : #d5b29a : +52
74 : #d8b7a2 : +54
76 : #dbbda9 : +56
78 : #dec2b0 : +58
80 : #e1c8b7 : +60
82 : #e4cdbe : +62
84 : #e7d3c5 : +64
86 : #ead8cd : +66
88 : #edded4 : +68
90 : #f0e3db : +70
92 : #f3e9e2 : +72
94 : #f6eee9 : +74
96 : #f9f4f1 : +76
98 : #fcf9f8 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow