#1f4229
RGB ( 赤 = 31, 緑 = 66, 青 = 41 )
HSL ( 色相 = 137°, 彩度 = 36%, 明度 = 19% )
H : 色相 ( 137° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #42231f : -130
17 : #42291f : -120
27 : #422f1f : -110
37 : #42351f : -100
47 : #423a1f : -90
57 : #42401f : -80
67 : #3e421f : -70
77 : #38421f : -60
87 : #32421f : -50
97 : #2c421f : -40
107 : #27421f : -30
117 : #21421f : -20
127 : #1f4223 : -10
137 : #1f4229 : ±0
147 : #1f422f : +10
157 : #1f4235 : +20
167 : #1f423a : +30
177 : #1f4240 : +40
187 : #1f3e42 : +50
197 : #1f3842 : +60
207 : #1f3242 : +70
217 : #1f2c42 : +80
227 : #1f2742 : +90
237 : #1f2142 : +100
247 : #231f42 : +110
257 : #291f42 : +120
267 : #2f1f42 : +130
277 : #351f42 : +140
287 : #3a1f42 : +150
297 : #401f42 : +160
307 : #421f3e : +170
317 : #421f38 : +180
327 : #421f32 : +190
337 : #421f2c : +200
347 : #421f27 : +210
357 : #421f21 : +220
127 : #1f4223 : -10
128 : #1f4224 : -9
129 : #1f4224 : -8
130 : #1f4225 : -7
131 : #1f4225 : -6
132 : #1f4226 : -5
133 : #1f4227 : -4
134 : #1f4227 : -3
135 : #1f4228 : -2
136 : #1f4228 : -1
137 : #1f4229 : ±0
138 : #1f4229 : +1
139 : #1f422a : +2
140 : #1f422b : +3
141 : #1f422b : +4
142 : #1f422c : +5
143 : #1f422c : +6
144 : #1f422d : +7
145 : #1f422e : +8
146 : #1f422e : +9
147 : #1f422f : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -36
2 : #2f3130 : -34
4 : #2f3230 : -32
6 : #2e332f : -30
8 : #2d342f : -28
10 : #2c352e : -26
12 : #2b362e : -24
14 : #2a372e : -22
16 : #29382d : -20
18 : #28392d : -18
20 : #273a2c : -16
22 : #263b2c : -14
24 : #253c2b : -12
26 : #243d2b : -10
28 : #233e2b : -8
30 : #223f2a : -6
32 : #21402a : -4
34 : #204129 : -2
36 : #1f4229 : ±0
38 : #1e4328 : +2
40 : #1d4428 : +4
42 : #1c4528 : +6
44 : #1b4627 : +8
46 : #1a4727 : +10
48 : #194826 : +12
50 : #184926 : +14
52 : #174a26 : +16
54 : #164b25 : +18
56 : #154c25 : +20
58 : #144d24 : +22
60 : #134e24 : +24
62 : #124e23 : +26
64 : #114f23 : +28
66 : #105023 : +30
68 : #105122 : +32
70 : #0f5222 : +34
72 : #0e5321 : +36
74 : #0d5421 : +38
76 : #0c5520 : +40
78 : #0b5620 : +42
80 : #0a5720 : +44
82 : #09581f : +46
84 : #08591f : +48
86 : #075a1e : +50
88 : #065b1e : +52
90 : #055c1e : +54
92 : #045d1d : +56
94 : #035e1d : +58
96 : #025f1c : +60
98 : #01601c : +62
100 : #00611b : +64
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -18
3 : #050a06 : -16
5 : #08110b : -14
7 : #0b180f : -12
9 : #0f1f13 : -10
11 : #122618 : -8
13 : #152d1c : -6
15 : #183420 : -4
17 : #1c3b25 : -2
19 : #1f4229 : ±0
21 : #22492d : +2
23 : #265032 : +4
25 : #295736 : +6
27 : #2c5e3a : +8
29 : #2f653e : +10
31 : #336c43 : +12
33 : #367247 : +14
35 : #39794b : +16
37 : #3c8050 : +18
39 : #408754 : +20
41 : #438e58 : +22
43 : #46955d : +24
45 : #499c61 : +26
47 : #4da365 : +28
49 : #50aa69 : +30
51 : #55af6f : +32
53 : #5cb274 : +34
55 : #63b67a : +36
57 : #6ab980 : +38
59 : #71bc86 : +40
61 : #78bf8c : +42
63 : #7fc392 : +44
65 : #86c698 : +46
67 : #8dc99e : +48
69 : #93cca4 : +50
71 : #9ad0aa : +52
73 : #a1d3af : +54
75 : #a8d6b5 : +56
77 : #afd9bb : +58
79 : #b6ddc1 : +60
81 : #bde0c7 : +62
83 : #c4e3cd : +64
85 : #cbe7d3 : +66
87 : #d2ead9 : +68
89 : #d9eddf : +70
91 : #e0f0e4 : +72
93 : #e7f4ea : +74
95 : #eef7f0 : +76
97 : #f5faf6 : +78
99 : #fcfdfc : +80
CSS入門、作ってます。
text-shadow