#5c331e
RGB ( 赤 = 92, 緑 = 51, 青 = 30 )
HSL ( 色相 = 20°, 彩度 = 51%, 明度 = 24% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5c1e1e : -20
10 : #5c281e : -10
20 : #5c331e : ±0
30 : #5c3d1e : +10
40 : #5c481e : +20
50 : #5c521e : +30
60 : #5c5c1e : +40
70 : #525c1e : +50
80 : #485c1e : +60
90 : #3d5c1e : +70
100 : #335c1e : +80
110 : #285c1e : +90
120 : #1e5c1e : +100
130 : #1e5c28 : +110
140 : #1e5c33 : +120
150 : #1e5c3d : +130
160 : #1e5c48 : +140
170 : #1e5c52 : +150
180 : #1e5c5c : +160
190 : #1e525c : +170
200 : #1e485c : +180
210 : #1e3d5c : +190
220 : #1e335c : +200
230 : #1e285c : +210
240 : #1e1e5c : +220
250 : #281e5c : +230
260 : #331e5c : +240
270 : #3d1e5c : +250
280 : #481e5c : +260
290 : #521e5c : +270
300 : #5c1e5c : +280
310 : #5c1e52 : +290
320 : #5c1e48 : +300
330 : #5c1e3d : +310
340 : #5c1e33 : +320
350 : #5c1e28 : +330
10 : #5c281e : -10
11 : #5c291e : -9
12 : #5c2a1e : -8
13 : #5c2c1e : -7
14 : #5c2d1e : -6
15 : #5c2e1e : -5
16 : #5c2f1e : -4
17 : #5c301e : -3
18 : #5c311e : -2
19 : #5c321e : -1
20 : #5c331e : ±0
21 : #5c341e : +1
22 : #5c351e : +2
23 : #5c361e : +3
24 : #5c371e : +4
25 : #5c381e : +5
26 : #5c391e : +6
27 : #5c3a1e : +7
28 : #5c3b1e : +8
29 : #5c3c1e : +9
30 : #5c3d1e : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3e3d3d : -50
3 : #3f3d3b : -48
5 : #403c3a : -46
7 : #413c39 : -44
9 : #433b38 : -42
11 : #443b36 : -40
13 : #453b35 : -38
15 : #463a34 : -36
17 : #483a33 : -34
19 : #493932 : -32
21 : #4a3930 : -30
23 : #4b392f : -28
25 : #4d382e : -26
27 : #4e382d : -24
29 : #4f372b : -22
31 : #50372a : -20
33 : #513629 : -18
35 : #533628 : -16
37 : #543627 : -14
39 : #553525 : -12
41 : #563524 : -10
43 : #583423 : -8
45 : #593422 : -6
47 : #5a3420 : -4
49 : #5b331f : -2
51 : #5c331e : ±0
53 : #5e321d : +2
55 : #5f321c : +4
57 : #60321a : +6
59 : #613119 : +8
61 : #633118 : +10
63 : #643017 : +12
65 : #653015 : +14
67 : #663014 : +16
69 : #672f13 : +18
71 : #692f12 : +20
73 : #6a2e11 : +22
75 : #6b2e0f : +24
77 : #6c2d0e : +26
79 : #6e2d0d : +28
81 : #6f2d0c : +30
83 : #702c0a : +32
85 : #712c09 : +34
87 : #722b08 : +36
89 : #742b07 : +38
91 : #752b06 : +40
93 : #762a04 : +42
95 : #772a03 : +44
97 : #792902 : +46
99 : #7a2901 : +48
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #080402 : -22
4 : #0f0805 : -20
6 : #170d07 : -18
8 : #1f110a : -16
10 : #27150c : -14
12 : #2e190f : -12
14 : #361e11 : -10
16 : #3e2214 : -8
18 : #452616 : -6
20 : #4d2a19 : -4
22 : #552f1b : -2
24 : #5c331e : ±0
26 : #643720 : +2
28 : #6c3b23 : +4
30 : #743f25 : +6
32 : #7b4428 : +8
34 : #83482a : +10
36 : #8b4c2d : +12
38 : #92502f : +14
40 : #9a5532 : +16
42 : #a25934 : +18
44 : #a95d37 : +20
46 : #b16139 : +22
48 : #b9663c : +24
50 : #c16a3e : +26
52 : #c37046 : +28
54 : #c6764e : +30
56 : #c87c56 : +32
58 : #cb825d : +34
60 : #cd8865 : +36
62 : #d08e6d : +38
64 : #d29474 : +40
66 : #d59a7c : +42
68 : #d7a084 : +44
70 : #daa58b : +46
72 : #dcab93 : +48
74 : #dfb19b : +50
76 : #e1b7a3 : +52
78 : #e4bdaa : +54
80 : #e6c3b2 : +56
82 : #e9c9ba : +58
84 : #ebcfc1 : +60
86 : #eed5c9 : +62
88 : #f0dbd1 : +64
90 : #f3e1d8 : +66
92 : #f5e7e0 : +68
94 : #f8ede8 : +70
96 : #faf3f0 : +72
98 : #fdf9f7 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow