#37220c
RGB ( 赤 = 55, 緑 = 34, 青 = 12 )
HSL ( 色相 = 31°, 彩度 = 64%, 明度 = 13% )
H : 色相 ( 31° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #360d0c : -30
11 : #36140c : -20
21 : #361b0c : -10
31 : #36220c : ±0
41 : #36290c : +10
51 : #36300c : +20
61 : #36360c : +30
71 : #2f360c : +40
81 : #28360c : +50
91 : #20360c : +60
101 : #19360c : +70
111 : #12360c : +80
121 : #0c360d : +90
131 : #0c3614 : +100
141 : #0c361b : +110
151 : #0c3622 : +120
161 : #0c3629 : +130
171 : #0c3630 : +140
181 : #0c3636 : +150
191 : #0c2f36 : +160
201 : #0c2836 : +170
211 : #0c2036 : +180
221 : #0c1936 : +190
231 : #0c1236 : +200
241 : #0d0c36 : +210
251 : #140c36 : +220
261 : #1b0c36 : +230
271 : #220c36 : +240
281 : #290c36 : +250
291 : #300c36 : +260
301 : #360c36 : +270
311 : #360c2f : +280
321 : #360c28 : +290
331 : #360c20 : +300
341 : #360c19 : +310
351 : #360c12 : +320
21 : #361b0c : -10
22 : #361b0c : -9
23 : #361c0c : -8
24 : #361d0c : -7
25 : #361e0c : -6
26 : #361e0c : -5
27 : #361f0c : -4
28 : #36200c : -3
29 : #36200c : -2
30 : #36210c : -1
31 : #36220c : ±0
32 : #36230c : +1
33 : #36230c : +2
34 : #36240c : +3
35 : #36250c : +4
36 : #36250c : +5
37 : #36260c : +6
38 : #36270c : +7
39 : #36280c : +8
40 : #36280c : +9
41 : #36290c : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #212121 : -64
2 : #222120 : -62
4 : #222120 : -60
6 : #23211f : -58
8 : #24211e : -56
10 : #24211e : -54
12 : #25211d : -52
14 : #26211d : -50
16 : #26211c : -48
18 : #27211b : -46
20 : #28211b : -44
22 : #28211a : -42
24 : #292119 : -40
26 : #2a2119 : -38
28 : #2a2118 : -36
30 : #2b2117 : -34
32 : #2c2217 : -32
34 : #2c2216 : -30
36 : #2d2215 : -28
38 : #2e2215 : -26
40 : #2e2214 : -24
42 : #2f2213 : -22
44 : #302213 : -20
46 : #302212 : -18
48 : #312211 : -16
50 : #322211 : -14
52 : #322210 : -12
54 : #33220f : -10
56 : #34220f : -8
58 : #34220e : -6
60 : #35220d : -4
62 : #36220d : -2
64 : #36220c : ±0
66 : #37220b : +2
68 : #38220b : +4
70 : #38220a : +6
72 : #392209 : +8
74 : #3a2209 : +10
76 : #3a2208 : +12
78 : #3b2207 : +14
80 : #3c2207 : +16
82 : #3c2206 : +18
84 : #3d2205 : +20
86 : #3e2205 : +22
88 : #3e2204 : +24
90 : #3f2203 : +26
92 : #402203 : +28
94 : #402202 : +30
96 : #412201 : +32
98 : #422201 : +34
100 : #422200 : +36
L : 明度 ( 13% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -12
3 : #0d0803 : -10
5 : #150d05 : -8
7 : #1d1206 : -6
9 : #261708 : -4
11 : #2e1d0a : -2
13 : #36220c : ±0
15 : #3f270e : +2
17 : #472c10 : +4
19 : #4f3111 : +6
21 : #583713 : +8
23 : #603c15 : +10
25 : #694117 : +12
27 : #714619 : +14
29 : #794c1b : +16
31 : #82511c : +18
33 : #8a561e : +20
35 : #925b20 : +22
37 : #9b6022 : +24
39 : #a36624 : +26
41 : #ab6b26 : +28
43 : #b47027 : +30
45 : #bc7529 : +32
47 : #c57a2b : +34
49 : #cd802d : +36
51 : #d28532 : +38
53 : #d48a3a : +40
55 : #d68f43 : +42
57 : #d8944b : +44
59 : #d99954 : +46
61 : #db9e5c : +48
63 : #dda364 : +50
65 : #dfa86d : +52
67 : #e1ad75 : +54
69 : #e3b27d : +56
71 : #e4b786 : +58
73 : #e6bc8e : +60
75 : #e8c196 : +62
77 : #eac69f : +64
79 : #eccba7 : +66
81 : #eed0b0 : +68
83 : #efd5b8 : +70
85 : #f1dac0 : +72
87 : #f3dfc9 : +74
89 : #f5e4d1 : +76
91 : #f7e9d9 : +78
93 : #f9eee2 : +80
95 : #faf3ea : +82
97 : #fcf8f2 : +84
99 : #fefdfb : +86
CSS入門、作ってます。
text-shadow