#3f1822
RGB ( 赤 = 63, 緑 = 24, 青 = 34 )
HSL ( 色相 = 345°, 彩度 = 45%, 明度 = 17% )
H : 色相 ( 345° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #3f1b18 : -340
15 : #3f2218 : -330
25 : #3f2818 : -320
35 : #3f2f18 : -310
45 : #3f3518 : -300
55 : #3f3c18 : -290
65 : #3c3f18 : -280
75 : #353f18 : -270
85 : #2f3f18 : -260
95 : #283f18 : -250
105 : #223f18 : -240
115 : #1b3f18 : -230
125 : #183f1b : -220
135 : #183f22 : -210
145 : #183f28 : -200
155 : #183f2f : -190
165 : #183f35 : -180
175 : #183f3c : -170
185 : #183c3f : -160
195 : #18353f : -150
205 : #182f3f : -140
215 : #18283f : -130
225 : #18223f : -120
235 : #181b3f : -110
245 : #1b183f : -100
255 : #22183f : -90
265 : #28183f : -80
275 : #2f183f : -70
285 : #35183f : -60
295 : #3c183f : -50
305 : #3f183c : -40
315 : #3f1835 : -30
325 : #3f182f : -20
335 : #3f1828 : -10
345 : #3f1822 : ±0
355 : #3f181b : +10
335 : #3f1828 : -10
336 : #3f1827 : -9
337 : #3f1827 : -8
338 : #3f1826 : -7
339 : #3f1825 : -6
340 : #3f1825 : -5
341 : #3f1824 : -4
342 : #3f1824 : -3
343 : #3f1823 : -2
344 : #3f1822 : -1
345 : #3f1822 : ±0
346 : #3f1821 : +1
347 : #3f1820 : +2
348 : #3f1820 : +3
349 : #3f181f : +4
350 : #3f181e : +5
351 : #3f181e : +6
352 : #3f181d : +7
353 : #3f181c : +8
354 : #3f181c : +9
355 : #3f181b : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2b : -44
3 : #2d2a2b : -42
5 : #2e292a : -40
7 : #2e282a : -38
9 : #2f2729 : -36
11 : #302729 : -34
13 : #312629 : -32
15 : #322528 : -30
17 : #332428 : -28
19 : #342327 : -26
21 : #342227 : -24
23 : #352126 : -22
25 : #362126 : -20
27 : #372025 : -18
29 : #381f25 : -16
31 : #391e25 : -14
33 : #3a1d24 : -12
35 : #3b1c24 : -10
37 : #3b1b23 : -8
39 : #3c1a23 : -6
41 : #3d1a22 : -4
43 : #3e1922 : -2
45 : #3f1822 : ±0
47 : #401721 : +2
49 : #411621 : +4
51 : #411520 : +6
53 : #421420 : +8
55 : #43141f : +10
57 : #44131f : +12
59 : #45121f : +14
61 : #46111e : +16
63 : #47101e : +18
65 : #480f1d : +20
67 : #480e1d : +22
69 : #490d1c : +24
71 : #4a0d1c : +26
73 : #4b0c1c : +28
75 : #4c0b1b : +30
77 : #4d0a1b : +32
79 : #4e091a : +34
81 : #4e081a : +36
83 : #4f0719 : +38
85 : #500719 : +40
87 : #510618 : +42
89 : #520518 : +44
91 : #530418 : +46
93 : #540317 : +48
95 : #550217 : +50
97 : #550116 : +52
99 : #560016 : +54
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -16
3 : #0b0406 : -14
5 : #12070a : -12
7 : #1a0a0e : -10
9 : #210d12 : -8
11 : #290f16 : -6
13 : #30121a : -4
15 : #37151e : -2
17 : #3f1822 : ±0
19 : #461b26 : +2
21 : #4e1d2a : +4
23 : #55202d : +6
25 : #5c2331 : +8
27 : #642635 : +10
29 : #6b2939 : +12
31 : #732b3d : +14
33 : #7a2e41 : +16
35 : #813145 : +18
37 : #893449 : +20
39 : #90374d : +22
41 : #983a51 : +24
43 : #9f3c55 : +26
45 : #a63f59 : +28
47 : #ae425d : +30
49 : #b54561 : +32
51 : #ba4a66 : +34
53 : #bd516c : +36
55 : #c05972 : +38
57 : #c36079 : +40
59 : #c5677f : +42
61 : #c86f85 : +44
63 : #cb768b : +46
65 : #ce7e92 : +48
67 : #d18598 : +50
69 : #d48c9e : +52
71 : #d694a4 : +54
73 : #d99bab : +56
75 : #dca3b1 : +58
77 : #dfaab7 : +60
79 : #e2b1bd : +62
81 : #e4b9c4 : +64
83 : #e7c0ca : +66
85 : #eac8d0 : +68
87 : #edcfd6 : +70
89 : #f0d6dd : +72
91 : #f2dee3 : +74
93 : #f5e5e9 : +76
95 : #f8edef : +78
97 : #fbf4f6 : +80
99 : #fefbfc : +82
CSS入門、作ってます。
text-shadow