#683222
RGB ( 赤 = 104, 緑 = 50, 青 = 34 )
HSL ( 色相 = 14°, 彩度 = 51%, 明度 = 27% )
H : 色相 ( 14° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #682622 : -10
14 : #683222 : ±0
24 : #683e22 : +10
34 : #684a22 : +20
44 : #685522 : +30
54 : #686122 : +40
64 : #636822 : +50
74 : #586822 : +60
84 : #4c6822 : +70
94 : #406822 : +80
104 : #346822 : +90
114 : #296822 : +100
124 : #226826 : +110
134 : #226832 : +120
144 : #22683e : +130
154 : #22684a : +140
164 : #226855 : +150
174 : #226861 : +160
184 : #226368 : +170
194 : #225868 : +180
204 : #224c68 : +190
214 : #224068 : +200
224 : #223468 : +210
234 : #222968 : +220
244 : #262268 : +230
254 : #322268 : +240
264 : #3e2268 : +250
274 : #4a2268 : +260
284 : #552268 : +270
294 : #612268 : +280
304 : #682263 : +290
314 : #682258 : +300
324 : #68224c : +310
334 : #682240 : +320
344 : #682234 : +330
354 : #682229 : +340
4 : #682622 : -10
5 : #682822 : -9
6 : #682922 : -8
7 : #682a22 : -7
8 : #682b22 : -6
9 : #682c22 : -5
10 : #682d22 : -4
11 : #682f22 : -3
12 : #683022 : -2
13 : #683122 : -1
14 : #683222 : ±0
15 : #683322 : +1
16 : #683422 : +2
17 : #683622 : +3
18 : #683722 : +4
19 : #683822 : +5
20 : #683922 : +6
21 : #683a22 : +7
22 : #683b22 : +8
23 : #683d22 : +9
24 : #683e22 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464444 : -50
3 : #474443 : -48
5 : #484341 : -46
7 : #4a4240 : -44
9 : #4b423f : -42
11 : #4c413d : -40
13 : #4e403c : -38
15 : #4f3f3b : -36
17 : #513f39 : -34
19 : #523e38 : -32
21 : #533d36 : -30
23 : #553c35 : -28
25 : #563c34 : -26
27 : #573b32 : -24
29 : #593a31 : -22
31 : #5a3930 : -20
33 : #5c392e : -18
35 : #5d382d : -16
37 : #5e372b : -14
39 : #60372a : -12
41 : #613629 : -10
43 : #623527 : -8
45 : #643426 : -6
47 : #653424 : -4
49 : #673323 : -2
51 : #683222 : ±0
53 : #693120 : +2
55 : #6b311f : +4
57 : #6c301e : +6
59 : #6d2f1c : +8
61 : #6f2e1b : +10
63 : #702e19 : +12
65 : #722d18 : +14
67 : #732c17 : +16
69 : #742c15 : +18
71 : #762b14 : +20
73 : #772a13 : +22
75 : #782911 : +24
77 : #7a2910 : +26
79 : #7b280e : +28
81 : #7d270d : +30
83 : #7e260c : +32
85 : #7f260a : +34
87 : #812509 : +36
89 : #822408 : +38
91 : #842306 : +40
93 : #852305 : +42
95 : #862203 : +44
97 : #882102 : +46
99 : #892001 : +48
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -26
3 : #0c0604 : -24
5 : #130906 : -22
7 : #1b0d09 : -20
9 : #23110b : -18
11 : #2a140e : -16
13 : #321810 : -14
15 : #3a1c13 : -12
17 : #412015 : -10
19 : #492318 : -8
21 : #51271a : -6
23 : #592b1d : -4
25 : #602e1f : -2
27 : #683222 : ±0
29 : #703624 : +2
31 : #773a27 : +4
33 : #7f3d29 : +6
35 : #87412c : +8
37 : #8e452e : +10
39 : #964831 : +12
41 : #9e4c33 : +14
43 : #a65036 : +16
45 : #ad5438 : +18
47 : #b5573b : +20
49 : #bd5b3d : +22
51 : #c26042 : +24
53 : #c4674a : +26
55 : #c76d52 : +28
57 : #c97459 : +30
59 : #cc7a61 : +32
61 : #ce8069 : +34
63 : #d18771 : +36
65 : #d38d78 : +38
67 : #d69480 : +40
69 : #d89a88 : +42
71 : #dba18f : +44
73 : #dda797 : +46
75 : #e0ae9f : +48
77 : #e2b4a6 : +50
79 : #e5bbae : +52
81 : #e7c1b6 : +54
83 : #eac8be : +56
85 : #eccec5 : +58
87 : #efd5cd : +60
89 : #f1dbd5 : +62
91 : #f4e2dc : +64
93 : #f6e8e4 : +66
95 : #f9efec : +68
97 : #fbf5f3 : +70
99 : #fefcfb : +72
CSS入門、作ってます。
text-shadow