#3f1108
RGB ( 赤 = 63, 緑 = 17, 青 = 8 )
HSL ( 色相 = 10°, 彩度 = 77%, 明度 = 14% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #3f0808 : -10
10 : #3f1108 : ±0
20 : #3f1b08 : +10
30 : #3f2408 : +20
40 : #3f2d08 : +30
50 : #3f3608 : +40
60 : #3f3f08 : +50
70 : #363f08 : +60
80 : #2d3f08 : +70
90 : #243f08 : +80
100 : #1b3f08 : +90
110 : #113f08 : +100
120 : #083f08 : +110
130 : #083f11 : +120
140 : #083f1b : +130
150 : #083f24 : +140
160 : #083f2d : +150
170 : #083f36 : +160
180 : #083f3f : +170
190 : #08363f : +180
200 : #082d3f : +190
210 : #08243f : +200
220 : #081b3f : +210
230 : #08113f : +220
240 : #08083f : +230
250 : #11083f : +240
260 : #1b083f : +250
270 : #24083f : +260
280 : #2d083f : +270
290 : #36083f : +280
300 : #3f083f : +290
310 : #3f0836 : +300
320 : #3f082d : +310
330 : #3f0824 : +320
340 : #3f081b : +330
350 : #3f0811 : +340
0 : #3f0808 : -10
1 : #3f0908 : -9
2 : #3f0a08 : -8
3 : #3f0b08 : -7
4 : #3f0c08 : -6
5 : #3f0d08 : -5
6 : #3f0e08 : -4
7 : #3f0f08 : -3
8 : #3f1008 : -2
9 : #3f1008 : -1
10 : #3f1108 : ±0
11 : #3f1208 : +1
12 : #3f1308 : +2
13 : #3f1408 : +3
14 : #3f1508 : +4
15 : #3f1608 : +5
16 : #3f1708 : +6
17 : #3f1808 : +7
18 : #3f1908 : +8
19 : #3f1a08 : +9
20 : #3f1b08 : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #242323 : -76
3 : #252323 : -74
5 : #252322 : -72
7 : #262221 : -70
9 : #272220 : -68
11 : #282120 : -66
13 : #28211f : -64
15 : #29201e : -62
17 : #2a201e : -60
19 : #2a1f1d : -58
21 : #2b1f1c : -56
23 : #2c1e1b : -54
25 : #2d1e1b : -52
27 : #2d1d1a : -50
29 : #2e1d19 : -48
31 : #2f1c19 : -46
33 : #2f1c18 : -44
35 : #301b17 : -42
37 : #311b16 : -40
39 : #321a16 : -38
41 : #321a15 : -36
43 : #331914 : -34
45 : #341914 : -32
47 : #341913 : -30
49 : #351812 : -28
51 : #361811 : -26
53 : #371711 : -24
55 : #371710 : -22
57 : #38160f : -20
59 : #39160f : -18
61 : #39150e : -16
63 : #3a150d : -14
65 : #3b140c : -12
67 : #3c140c : -10
69 : #3c130b : -8
71 : #3d130a : -6
73 : #3e120a : -4
75 : #3e1209 : -2
77 : #3f1108 : ±0
79 : #401107 : +2
81 : #411007 : +4
83 : #411006 : +6
85 : #420f05 : +8
87 : #430f05 : +10
89 : #430f04 : +12
91 : #440e03 : +14
93 : #450e02 : +16
95 : #460d02 : +18
97 : #460d01 : +20
99 : #470c00 : +22
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #090201 : -12
4 : #120502 : -10
6 : #1b0704 : -8
8 : #240a05 : -6
10 : #2d0c06 : -4
12 : #360f07 : -2
14 : #3f1108 : ±0
16 : #481409 : +2
18 : #51160b : +4
20 : #5a190c : +6
22 : #631b0d : +8
24 : #6c1e0e : +10
26 : #75200f : +12
28 : #7e2310 : +14
30 : #872512 : +16
32 : #902813 : +18
34 : #992a14 : +20
36 : #a22d15 : +22
38 : #ac2f16 : +24
40 : #b53217 : +26
42 : #be3419 : +28
44 : #c7371a : +30
46 : #d0391b : +32
48 : #d93c1c : +34
50 : #e23e1d : +36
52 : #e34626 : +38
54 : #e44d2f : +40
56 : #e55538 : +42
58 : #e65d41 : +44
60 : #e8654a : +46
62 : #e96c53 : +48
64 : #ea745d : +50
66 : #eb7c66 : +52
68 : #ec846f : +54
70 : #ed8b78 : +56
72 : #ef9381 : +58
74 : #f09b8a : +60
76 : #f1a293 : +62
78 : #f2aa9c : +64
80 : #f3b2a5 : +66
82 : #f4baae : +68
84 : #f6c1b7 : +70
86 : #f7c9c0 : +72
88 : #f8d1c9 : +74
90 : #f9d8d2 : +76
92 : #fae0db : +78
94 : #fbe8e4 : +80
96 : #fdf0ed : +82
98 : #fef7f6 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow