#684820
RGB ( 赤 = 104, 緑 = 72, 青 = 32 )
HSL ( 色相 = 33°, 彩度 = 53%, 明度 = 27% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #692420 : -30
13 : #693020 : -20
23 : #693c20 : -10
33 : #694820 : ±0
43 : #695520 : +10
53 : #696120 : +20
63 : #666920 : +30
73 : #5a6920 : +40
83 : #4d6920 : +50
93 : #416920 : +60
103 : #356920 : +70
113 : #296920 : +80
123 : #206924 : +90
133 : #206930 : +100
143 : #20693c : +110
153 : #206948 : +120
163 : #206955 : +130
173 : #206961 : +140
183 : #206669 : +150
193 : #205a69 : +160
203 : #204d69 : +170
213 : #204169 : +180
223 : #203569 : +190
233 : #202969 : +200
243 : #242069 : +210
253 : #302069 : +220
263 : #3c2069 : +230
273 : #482069 : +240
283 : #552069 : +250
293 : #612069 : +260
303 : #692066 : +270
313 : #69205a : +280
323 : #69204d : +290
333 : #692041 : +300
343 : #692035 : +310
353 : #692029 : +320
23 : #693c20 : -10
24 : #693e20 : -9
25 : #693f20 : -8
26 : #694020 : -7
27 : #694120 : -6
28 : #694220 : -5
29 : #694420 : -4
30 : #694520 : -3
31 : #694620 : -2
32 : #694720 : -1
33 : #694820 : ±0
34 : #694a20 : +1
35 : #694b20 : +2
36 : #694c20 : +3
37 : #694d20 : +4
38 : #694f20 : +5
39 : #695020 : +6
40 : #695120 : +7
41 : #695220 : +8
42 : #695320 : +9
43 : #695520 : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464544 : -52
3 : #474543 : -50
5 : #484541 : -48
7 : #4a4540 : -46
9 : #4b453f : -44
11 : #4c463d : -42
13 : #4e463c : -40
15 : #4f463b : -38
17 : #514639 : -36
19 : #524638 : -34
21 : #534636 : -32
23 : #554635 : -30
25 : #564734 : -28
27 : #574732 : -26
29 : #594731 : -24
31 : #5a4730 : -22
33 : #5c472e : -20
35 : #5d472d : -18
37 : #5e472b : -16
39 : #60482a : -14
41 : #614829 : -12
43 : #624827 : -10
45 : #644826 : -8
47 : #654824 : -6
49 : #674823 : -4
51 : #684822 : -2
53 : #694820 : ±0
55 : #6b491f : +2
57 : #6c491e : +4
59 : #6d491c : +6
61 : #6f491b : +8
63 : #704919 : +10
65 : #724918 : +12
67 : #734917 : +14
69 : #744a15 : +16
71 : #764a14 : +18
73 : #774a13 : +20
75 : #784a11 : +22
77 : #7a4a10 : +24
79 : #7b4a0e : +26
81 : #7d4a0d : +28
83 : #7e4b0c : +30
85 : #7f4b0a : +32
87 : #814b09 : +34
89 : #824b08 : +36
91 : #844b06 : +38
93 : #854b05 : +40
95 : #864b03 : +42
97 : #884c02 : +44
99 : #894c01 : +46
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -26
3 : #0c0804 : -24
5 : #140d06 : -22
7 : #1b1308 : -20
9 : #23180b : -18
11 : #2b1e0d : -16
13 : #332310 : -14
15 : #3b2812 : -12
17 : #422e14 : -10
19 : #4a3317 : -8
21 : #523819 : -6
23 : #5a3e1c : -4
25 : #62431e : -2
27 : #694820 : ±0
29 : #714e23 : +2
31 : #795325 : +4
33 : #815928 : +6
35 : #895e2a : +8
37 : #90632c : +10
39 : #98692f : +12
41 : #a06e31 : +14
43 : #a87334 : +16
45 : #b07936 : +18
47 : #b77e38 : +20
49 : #bf843b : +22
51 : #c48940 : +24
53 : #c78e48 : +26
55 : #c9924f : +28
57 : #cb9757 : +30
59 : #ce9c5f : +32
61 : #d0a167 : +34
63 : #d3a66f : +36
65 : #d5aa76 : +38
67 : #d7af7e : +40
69 : #dab486 : +42
71 : #dcb98e : +44
73 : #dfbe96 : +46
75 : #e1c39d : +48
77 : #e3c7a5 : +50
79 : #e6ccad : +52
81 : #e8d1b5 : +54
83 : #ebd6bd : +56
85 : #eddbc4 : +58
87 : #efe0cc : +60
89 : #f2e4d4 : +62
91 : #f4e9dc : +64
93 : #f7eee4 : +66
95 : #f9f3eb : +68
97 : #fbf8f3 : +70
99 : #fefdfb : +72
CSS入門、作ってます。
text-shadow