#3f422f
RGB ( 赤 = 63, 緑 = 66, 青 = 47 )
HSL ( 色相 = 69°, 彩度 = 17%, 明度 = 22% )
H : 色相 ( 69° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #42312f : -60
19 : #42352f : -50
29 : #42382f : -40
39 : #423b2f : -30
49 : #423e2f : -20
59 : #42412f : -10
69 : #3f422f : ±0
79 : #3c422f : +10
89 : #38422f : +20
99 : #35422f : +30
109 : #32422f : +40
119 : #2f422f : +50
129 : #2f4231 : +60
139 : #2f4235 : +70
149 : #2f4238 : +80
159 : #2f423b : +90
169 : #2f423e : +100
179 : #2f4241 : +110
189 : #2f3f42 : +120
199 : #2f3c42 : +130
209 : #2f3842 : +140
219 : #2f3542 : +150
229 : #2f3242 : +160
239 : #2f2f42 : +170
249 : #312f42 : +180
259 : #352f42 : +190
269 : #382f42 : +200
279 : #3b2f42 : +210
289 : #3e2f42 : +220
299 : #412f42 : +230
309 : #422f3f : +240
319 : #422f3c : +250
329 : #422f38 : +260
339 : #422f35 : +270
349 : #422f32 : +280
359 : #422f2f : +290
59 : #42412f : -10
60 : #42422f : -9
61 : #41422f : -8
62 : #41422f : -7
63 : #41422f : -6
64 : #40422f : -5
65 : #40422f : -4
66 : #40422f : -3
67 : #3f422f : -2
68 : #3f422f : -1
69 : #3f422f : ±0
70 : #3e422f : +1
71 : #3e422f : +2
72 : #3e422f : +3
73 : #3e422f : +4
74 : #3d422f : +5
75 : #3d422f : +6
76 : #3d422f : +7
77 : #3c422f : +8
78 : #3c422f : +9
79 : #3c422f : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #383938 : -16
3 : #393a36 : -14
5 : #3a3b35 : -12
7 : #3b3c34 : -10
9 : #3c3d33 : -8
11 : #3c3e32 : -6
13 : #3d3f31 : -4
15 : #3e4130 : -2
17 : #3f422f : ±0
19 : #40432d : +2
21 : #40442c : +4
23 : #41452b : +6
25 : #42462a : +8
27 : #434729 : +10
29 : #434828 : +12
31 : #444927 : +14
33 : #454b26 : +16
35 : #464c24 : +18
37 : #474d23 : +20
39 : #474e22 : +22
41 : #484f21 : +24
43 : #495020 : +26
45 : #4a511f : +28
47 : #4b521e : +30
49 : #4b541d : +32
51 : #4c551b : +34
53 : #4d561a : +36
55 : #4e5719 : +38
57 : #4e5818 : +40
59 : #4f5917 : +42
61 : #505a16 : +44
63 : #515b15 : +46
65 : #525d14 : +48
67 : #525e13 : +50
69 : #535f11 : +52
71 : #546010 : +54
73 : #55610f : +56
75 : #56620e : +58
77 : #56630d : +60
79 : #57640c : +62
81 : #58660b : +64
83 : #59670a : +66
85 : #596808 : +68
87 : #5a6907 : +70
89 : #5b6a06 : +72
91 : #5c6b05 : +74
93 : #5d6c04 : +76
95 : #5d6d03 : +78
97 : #5e6f02 : +80
99 : #5f7001 : +82
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #060604 : -20
4 : #0b0c08 : -18
6 : #11120d : -16
8 : #171811 : -14
10 : #1d1e15 : -12
12 : #222419 : -10
14 : #282a1e : -8
16 : #2e3022 : -6
18 : #333626 : -4
20 : #393c2a : -2
22 : #3f422f : ±0
24 : #444833 : +2
26 : #4a4e37 : +4
28 : #50543b : +6
30 : #565a3f : +8
32 : #5b5f44 : +10
34 : #616548 : +12
36 : #676b4c : +14
38 : #6c7150 : +16
40 : #727755 : +18
42 : #787d59 : +20
44 : #7e835d : +22
46 : #838961 : +24
48 : #898f66 : +26
50 : #8f956a : +28
52 : #939970 : +30
54 : #989e76 : +32
56 : #9ca27c : +34
58 : #a1a682 : +36
60 : #a5aa88 : +38
62 : #aaaf8e : +40
64 : #aeb394 : +42
66 : #b3b79a : +44
68 : #b7bba0 : +46
70 : #bcc0a5 : +48
72 : #c0c4ab : +50
74 : #c5c8b1 : +52
76 : #c9ccb7 : +54
78 : #ced0bd : +56
80 : #d2d5c3 : +58
82 : #d7d9c9 : +60
84 : #dbddcf : +62
86 : #e0e1d5 : +64
88 : #e4e6db : +66
90 : #e9eae1 : +68
92 : #edeee7 : +70
94 : #f2f2ed : +72
96 : #f6f7f3 : +74
98 : #fbfbf9 : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow