#684e31
RGB ( 赤 = 104, 緑 = 78, 青 = 49 )
HSL ( 色相 = 32°, 彩度 = 36%, 明度 = 30% )
H : 色相 ( 32° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #683331 : -30
12 : #683c31 : -20
22 : #684531 : -10
32 : #684e31 : ±0
42 : #685831 : +10
52 : #686131 : +20
62 : #666831 : +30
72 : #5d6831 : +40
82 : #546831 : +50
92 : #4b6831 : +60
102 : #416831 : +70
112 : #386831 : +80
122 : #316833 : +90
132 : #31683c : +100
142 : #316845 : +110
152 : #31684e : +120
162 : #316858 : +130
172 : #316861 : +140
182 : #316668 : +150
192 : #315d68 : +160
202 : #315468 : +170
212 : #314b68 : +180
222 : #314168 : +190
232 : #313868 : +200
242 : #333168 : +210
252 : #3c3168 : +220
262 : #453168 : +230
272 : #4e3168 : +240
282 : #583168 : +250
292 : #613168 : +260
302 : #683166 : +270
312 : #68315d : +280
322 : #683154 : +290
332 : #68314b : +300
342 : #683141 : +310
352 : #683138 : +320
22 : #684531 : -10
23 : #684631 : -9
24 : #684731 : -8
25 : #684831 : -7
26 : #684931 : -6
27 : #684a31 : -5
28 : #684b31 : -4
29 : #684c31 : -3
30 : #684d31 : -2
31 : #684d31 : -1
32 : #684e31 : ±0
33 : #684f31 : +1
34 : #685031 : +2
35 : #685131 : +3
36 : #685231 : +4
37 : #685331 : +5
38 : #685431 : +6
39 : #685531 : +7
40 : #685631 : +8
41 : #685731 : +9
42 : #685831 : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -36
2 : #4e4d4b : -34
4 : #504d49 : -32
6 : #514d48 : -30
8 : #534d46 : -28
10 : #544d45 : -26
12 : #564d43 : -24
14 : #574d42 : -22
16 : #594d40 : -20
18 : #5a4d3f : -18
20 : #5c4e3d : -16
22 : #5d4e3c : -14
24 : #5f4e3a : -12
26 : #604e39 : -10
28 : #624e37 : -8
30 : #634e36 : -6
32 : #654e34 : -4
34 : #674e32 : -2
36 : #684e31 : ±0
38 : #6a4e2f : +2
40 : #6b4f2e : +4
42 : #6d4f2c : +6
44 : #6e4f2b : +8
46 : #704f29 : +10
48 : #714f28 : +12
50 : #734f26 : +14
52 : #744f25 : +16
54 : #764f23 : +18
56 : #774f22 : +20
58 : #794f20 : +22
60 : #7a501f : +24
62 : #7c501d : +26
64 : #7d501c : +28
66 : #7f501a : +30
68 : #815018 : +32
70 : #825017 : +34
72 : #845015 : +36
74 : #855014 : +38
76 : #875012 : +40
78 : #885011 : +42
80 : #8a510f : +44
82 : #8b510e : +46
84 : #8d510c : +48
86 : #8e510b : +50
88 : #905109 : +52
90 : #915108 : +54
92 : #935106 : +56
94 : #945105 : +58
96 : #965103 : +60
98 : #975102 : +62
100 : #995200 : +64
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #070503 : -28
4 : #0e0a07 : -26
6 : #15100a : -24
8 : #1c150d : -22
10 : #231a10 : -20
12 : #2a1f14 : -18
14 : #312517 : -16
16 : #372a1a : -14
18 : #3e2f1d : -12
20 : #453421 : -10
22 : #4c3924 : -8
24 : #533f27 : -6
26 : #5a442a : -4
28 : #61492e : -2
30 : #684e31 : ±0
32 : #6f5434 : +2
34 : #765937 : +4
36 : #7d5e3b : +6
38 : #84633e : +8
40 : #8b6841 : +10
42 : #926e45 : +12
44 : #997348 : +14
46 : #a0784b : +16
48 : #a67d4e : +18
50 : #ad8352 : +20
52 : #b18859 : +22
54 : #b48d5f : +24
56 : #b79166 : +26
58 : #ba966d : +28
60 : #be9b74 : +30
62 : #c1a07b : +32
64 : #c4a582 : +34
66 : #c8aa89 : +36
68 : #cbaf90 : +38
70 : #ceb497 : +40
72 : #d1b99e : +42
74 : #d5bea5 : +44
76 : #d8c3ac : +46
78 : #dbc8b3 : +48
80 : #decdba : +50
82 : #e2d2c1 : +52
84 : #e5d7c8 : +54
86 : #e8dcce : +56
88 : #ebe1d5 : +58
90 : #efe6dc : +60
92 : #f2ebe3 : +62
94 : #f5f0ea : +64
96 : #f8f5f1 : +66
98 : #fcfaf8 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow