#685d31
RGB ( 赤 = 104, 緑 = 93, 青 = 49 )
HSL ( 色相 = 48°, 彩度 = 36%, 明度 = 30% )
H : 色相 ( 48° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #683831 : -40
18 : #684131 : -30
28 : #684b31 : -20
38 : #685431 : -10
48 : #685d31 : ±0
58 : #686631 : +10
68 : #616831 : +20
78 : #586831 : +30
88 : #4e6831 : +40
98 : #456831 : +50
108 : #3c6831 : +60
118 : #336831 : +70
128 : #316838 : +80
138 : #316841 : +90
148 : #31684b : +100
158 : #316854 : +110
168 : #31685d : +120
178 : #316866 : +130
188 : #316168 : +140
198 : #315868 : +150
208 : #314e68 : +160
218 : #314568 : +170
228 : #313c68 : +180
238 : #313368 : +190
248 : #383168 : +200
258 : #413168 : +210
268 : #4b3168 : +220
278 : #543168 : +230
288 : #5d3168 : +240
298 : #663168 : +250
308 : #683161 : +260
318 : #683158 : +270
328 : #68314e : +280
338 : #683145 : +290
348 : #68313c : +300
358 : #683133 : +310
38 : #685431 : -10
39 : #685531 : -9
40 : #685631 : -8
41 : #685731 : -7
42 : #685831 : -6
43 : #685831 : -5
44 : #685931 : -4
45 : #685a31 : -3
46 : #685b31 : -2
47 : #685c31 : -1
48 : #685d31 : ±0
49 : #685e31 : +1
50 : #685f31 : +2
51 : #686031 : +3
52 : #686131 : +4
53 : #686231 : +5
54 : #686331 : +6
55 : #686331 : +7
56 : #686431 : +8
57 : #686531 : +9
58 : #686631 : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -36
2 : #4e4d4b : -34
4 : #504e49 : -32
6 : #514f48 : -30
8 : #535046 : -28
10 : #545145 : -26
12 : #565243 : -24
14 : #575342 : -22
16 : #595440 : -20
18 : #5a553f : -18
20 : #5c563d : -16
22 : #5d573c : -14
24 : #5f583a : -12
26 : #605839 : -10
28 : #625937 : -8
30 : #635a36 : -6
32 : #655b34 : -4
34 : #675c32 : -2
36 : #685d31 : ±0
38 : #6a5e2f : +2
40 : #6b5f2e : +4
42 : #6d602c : +6
44 : #6e612b : +8
46 : #706229 : +10
48 : #716328 : +12
50 : #736326 : +14
52 : #746425 : +16
54 : #766523 : +18
56 : #776622 : +20
58 : #796720 : +22
60 : #7a681f : +24
62 : #7c691d : +26
64 : #7d6a1c : +28
66 : #7f6b1a : +30
68 : #816c18 : +32
70 : #826d17 : +34
72 : #846e15 : +36
74 : #856e14 : +38
76 : #876f12 : +40
78 : #887011 : +42
80 : #8a710f : +44
82 : #8b720e : +46
84 : #8d730c : +48
86 : #8e740b : +50
88 : #907509 : +52
90 : #917608 : +54
92 : #937706 : +56
94 : #947805 : +58
96 : #967903 : +60
98 : #977902 : +62
100 : #997a00 : +64
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #070603 : -28
4 : #0e0c07 : -26
6 : #15130a : -24
8 : #1c190d : -22
10 : #231f10 : -20
12 : #2a2514 : -18
14 : #312b17 : -16
16 : #37321a : -14
18 : #3e381d : -12
20 : #453e21 : -10
22 : #4c4424 : -8
24 : #534a27 : -6
26 : #5a512a : -4
28 : #61572e : -2
30 : #685d31 : ±0
32 : #6f6334 : +2
34 : #766937 : +4
36 : #7d703b : +6
38 : #84763e : +8
40 : #8b7c41 : +10
42 : #928245 : +12
44 : #998848 : +14
46 : #a08f4b : +16
48 : #a6954e : +18
50 : #ad9b52 : +20
52 : #b19f59 : +22
54 : #b4a35f : +24
56 : #b7a766 : +26
58 : #baab6d : +28
60 : #beaf74 : +30
62 : #c1b37b : +32
64 : #c4b782 : +34
66 : #c8bb89 : +36
68 : #cbbf90 : +38
70 : #cec397 : +40
72 : #d1c79e : +42
74 : #d5cba5 : +44
76 : #d8cfac : +46
78 : #dbd3b3 : +48
80 : #ded7ba : +50
82 : #e2dbc1 : +52
84 : #e5dfc8 : +54
86 : #e8e3ce : +56
88 : #ebe7d5 : +58
90 : #efebdc : +60
92 : #f2efe3 : +62
94 : #f5f3ea : +64
96 : #f8f7f1 : +66
98 : #fcfbf8 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow