#5f6246
RGB ( 赤 = 95, 緑 = 98, 青 = 70 )
HSL ( 色相 = 66°, 彩度 = 17%, 明度 = 33% )
H : 色相 ( 66° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #624946 : -60
16 : #624d46 : -50
26 : #625246 : -40
36 : #625746 : -30
46 : #625c46 : -20
56 : #626146 : -10
66 : #606246 : ±0
76 : #5b6246 : +10
86 : #566246 : +20
96 : #516246 : +30
106 : #4d6246 : +40
116 : #486246 : +50
126 : #466249 : +60
136 : #46624d : +70
146 : #466252 : +80
156 : #466257 : +90
166 : #46625c : +100
176 : #466261 : +110
186 : #466062 : +120
196 : #465b62 : +130
206 : #465662 : +140
216 : #465162 : +150
226 : #464d62 : +160
236 : #464862 : +170
246 : #494662 : +180
256 : #4d4662 : +190
266 : #524662 : +200
276 : #574662 : +210
286 : #5c4662 : +220
296 : #614662 : +230
306 : #624660 : +240
316 : #62465b : +250
326 : #624656 : +260
336 : #624651 : +270
346 : #62464d : +280
356 : #624648 : +290
56 : #626146 : -10
57 : #626146 : -9
58 : #626246 : -8
59 : #626246 : -7
60 : #626246 : -6
61 : #626246 : -5
62 : #626246 : -4
63 : #616246 : -3
64 : #616246 : -2
65 : #606246 : -1
66 : #606246 : ±0
67 : #5f6246 : +1
68 : #5f6246 : +2
69 : #5e6246 : +3
70 : #5e6246 : +4
71 : #5d6246 : +5
72 : #5d6246 : +6
73 : #5c6246 : +7
74 : #5c6246 : +8
75 : #5b6246 : +9
76 : #5b6246 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555553 : -16
3 : #565752 : -14
5 : #585850 : -12
7 : #595a4e : -10
9 : #5a5c4d : -8
11 : #5c5d4b : -6
13 : #5d5f49 : -4
15 : #5e6148 : -2
17 : #606246 : ±0
19 : #616444 : +2
21 : #626642 : +4
23 : #646841 : +6
25 : #65693f : +8
27 : #666b3d : +10
29 : #686d3c : +12
31 : #696e3a : +14
33 : #6a7038 : +16
35 : #6c7237 : +18
37 : #6d7335 : +20
39 : #6e7533 : +22
41 : #707732 : +24
43 : #717830 : +26
45 : #727a2e : +28
47 : #747c2d : +30
49 : #757d2b : +32
51 : #767f29 : +34
53 : #788128 : +36
55 : #798226 : +38
57 : #7b8424 : +40
59 : #7c8623 : +42
61 : #7d8721 : +44
63 : #7f891f : +46
65 : #808b1d : +48
67 : #818d1c : +50
69 : #838e1a : +52
71 : #849018 : +54
73 : #859217 : +56
75 : #879315 : +58
77 : #889513 : +60
79 : #899712 : +62
81 : #8b9810 : +64
83 : #8c9a0e : +66
85 : #8d9c0d : +68
87 : #8f9d0b : +70
89 : #909f09 : +72
91 : #91a108 : +74
93 : #93a206 : +76
95 : #94a404 : +78
97 : #95a603 : +80
99 : #97a701 : +82
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -32
3 : #090906 : -30
5 : #0e0f0b : -28
7 : #14150f : -26
9 : #1a1b13 : -24
11 : #202117 : -22
13 : #26271c : -20
15 : #2b2d20 : -18
17 : #313324 : -16
19 : #373928 : -14
21 : #3d3f2c : -12
23 : #434531 : -10
25 : #484b35 : -8
27 : #4e5139 : -6
29 : #54573d : -4
31 : #5a5c42 : -2
33 : #606246 : ±0
35 : #65684a : +2
37 : #6b6e4e : +4
39 : #717453 : +6
41 : #777a57 : +8
43 : #7d805b : +10
45 : #82865f : +12
47 : #888c63 : +14
49 : #8e9268 : +16
51 : #93976d : +18
53 : #979c73 : +20
55 : #9ca079 : +22
57 : #a0a47f : +24
59 : #a5a885 : +26
61 : #a9ac8b : +28
63 : #adb191 : +30
65 : #b2b597 : +32
67 : #b6b99d : +34
69 : #bbbda3 : +36
71 : #bfc2a8 : +38
73 : #c4c6ae : +40
75 : #c8cab4 : +42
77 : #ccceba : +44
79 : #d1d3c0 : +46
81 : #d5d7c6 : +48
83 : #dadbcc : +50
85 : #dedfd2 : +52
87 : #e2e3d8 : +54
89 : #e7e8de : +56
91 : #ebece4 : +58
93 : #f0f0ea : +60
95 : #f4f4f0 : +62
97 : #f8f9f6 : +64
99 : #fdfdfc : +66
CSS入門、作ってます。
text-shadow