#684a41
RGB ( 赤 = 104, 緑 = 74, 青 = 65 )
HSL ( 色相 = 14°, 彩度 = 23%, 明度 = 33% )
H : 色相 ( 14° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #684341 : -10
14 : #684a41 : ±0
24 : #685041 : +10
34 : #685741 : +20
44 : #685d41 : +30
54 : #686441 : +40
64 : #656841 : +50
74 : #5e6841 : +60
84 : #586841 : +70
94 : #526841 : +80
104 : #4b6841 : +90
114 : #456841 : +100
124 : #416843 : +110
134 : #41684a : +120
144 : #416850 : +130
154 : #416857 : +140
164 : #41685d : +150
174 : #416864 : +160
184 : #416568 : +170
194 : #415e68 : +180
204 : #415868 : +190
214 : #415268 : +200
224 : #414b68 : +210
234 : #414568 : +220
244 : #434168 : +230
254 : #4a4168 : +240
264 : #504168 : +250
274 : #574168 : +260
284 : #5d4168 : +270
294 : #644168 : +280
304 : #684165 : +290
314 : #68415e : +300
324 : #684158 : +310
334 : #684152 : +320
344 : #68414b : +330
354 : #684145 : +340
4 : #684341 : -10
5 : #684441 : -9
6 : #684541 : -8
7 : #684541 : -7
8 : #684641 : -6
9 : #684741 : -5
10 : #684741 : -4
11 : #684841 : -3
12 : #684941 : -2
13 : #684941 : -1
14 : #684a41 : ±0
15 : #684a41 : +1
16 : #684b41 : +2
17 : #684c41 : +3
18 : #684c41 : +4
19 : #684d41 : +5
20 : #684e41 : +6
21 : #684e41 : +7
22 : #684f41 : +8
23 : #685041 : +9
24 : #685041 : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555453 : -22
3 : #575352 : -20
5 : #585250 : -18
7 : #5a514e : -16
9 : #5c504d : -14
11 : #5d4f4b : -12
13 : #5f4e49 : -10
15 : #614d48 : -8
17 : #624d46 : -6
19 : #644c44 : -4
21 : #664b42 : -2
23 : #684a41 : ±0
25 : #69493f : +2
27 : #6b483d : +4
29 : #6d473c : +6
31 : #6e463a : +8
33 : #704538 : +10
35 : #724437 : +12
37 : #734435 : +14
39 : #754333 : +16
41 : #774232 : +18
43 : #784130 : +20
45 : #7a402e : +22
47 : #7c3f2d : +24
49 : #7d3e2b : +26
51 : #7f3d29 : +28
53 : #813c28 : +30
55 : #823b26 : +32
57 : #843b24 : +34
59 : #863a23 : +36
61 : #873921 : +38
63 : #89381f : +40
65 : #8b371d : +42
67 : #8d361c : +44
69 : #8e351a : +46
71 : #903418 : +48
73 : #923317 : +50
75 : #933215 : +52
77 : #953213 : +54
79 : #973112 : +56
81 : #983010 : +58
83 : #9a2f0e : +60
85 : #9c2e0d : +62
87 : #9d2d0b : +64
89 : #9f2c09 : +66
91 : #a12b08 : +68
93 : #a22a06 : +70
95 : #a42a04 : +72
97 : #a62903 : +74
99 : #a72801 : +76
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -32
3 : #090706 : -30
5 : #100b0a : -28
7 : #16100e : -26
9 : #1c1412 : -24
11 : #231916 : -22
13 : #291d1a : -20
15 : #2f221d : -18
17 : #352621 : -16
19 : #3c2b25 : -14
21 : #422f29 : -12
23 : #48332d : -10
25 : #4e3831 : -8
27 : #553c35 : -6
29 : #5b4139 : -4
31 : #61453d : -2
33 : #684a41 : ±0
35 : #6e4e45 : +2
37 : #745349 : +4
39 : #7a574d : +6
41 : #815c51 : +8
43 : #876054 : +10
45 : #8d6558 : +12
47 : #93695c : +14
49 : #9a6e60 : +16
51 : #9f7365 : +18
53 : #a3786c : +20
55 : #a77e72 : +22
57 : #ab8478 : +24
59 : #ae8a7e : +26
61 : #b28f85 : +28
63 : #b6958b : +30
65 : #ba9b91 : +32
67 : #bea197 : +34
69 : #c2a69e : +36
71 : #c6aca4 : +38
73 : #cab2aa : +40
75 : #ceb7b1 : +42
77 : #d2bdb7 : +44
79 : #d6c3bd : +46
81 : #dac9c3 : +48
83 : #dececa : +50
85 : #e2d4d0 : +52
87 : #e5dad6 : +54
89 : #e9e0dc : +56
91 : #ede5e3 : +58
93 : #f1ebe9 : +60
95 : #f5f1ef : +62
97 : #f9f6f6 : +64
99 : #fdfcfc : +66
CSS入門、作ってます。
text-shadow