#683a37
RGB ( 赤 = 104, 緑 = 58, 青 = 55 )
HSL ( 色相 = 4°, 彩度 = 31%, 明度 = 31% )
H : 色相 ( 4° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #683a37 : ±0
14 : #684237 : +10
24 : #684a37 : +20
34 : #685237 : +30
44 : #685a37 : +40
54 : #686337 : +50
64 : #646837 : +60
74 : #5c6837 : +70
84 : #546837 : +80
94 : #4c6837 : +90
104 : #446837 : +100
114 : #3b6837 : +110
124 : #37683a : +120
134 : #376842 : +130
144 : #37684a : +140
154 : #376852 : +150
164 : #37685a : +160
174 : #376863 : +170
184 : #376468 : +180
194 : #375c68 : +190
204 : #375468 : +200
214 : #374c68 : +210
224 : #374468 : +220
234 : #373b68 : +230
244 : #3a3768 : +240
254 : #423768 : +250
264 : #4a3768 : +260
274 : #523768 : +270
284 : #5a3768 : +280
294 : #633768 : +290
304 : #683764 : +300
314 : #68375c : +310
324 : #683754 : +320
334 : #68374c : +330
344 : #683744 : +340
354 : #68373b : +350
354 : #68373b : +350
355 : #68373b : +351
356 : #68373a : +352
357 : #683739 : +353
358 : #683738 : +354
359 : #683737 : +355
0 : #683737 : -4
1 : #683737 : -3
2 : #683837 : -2
3 : #683937 : -1
4 : #683a37 : ±0
5 : #683b37 : +1
6 : #683b37 : +2
7 : #683c37 : +3
8 : #683d37 : +4
9 : #683e37 : +5
10 : #683f37 : +6
11 : #684037 : +7
12 : #684037 : +8
13 : #684137 : +9
14 : #684237 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e4e : -30
3 : #514d4d : -28
5 : #534c4b : -26
7 : #554a4a : -24
9 : #564948 : -22
11 : #584846 : -20
13 : #594645 : -18
15 : #5b4543 : -16
17 : #5c4342 : -14
19 : #5e4240 : -12
21 : #60413e : -10
23 : #613f3d : -8
25 : #633e3b : -6
27 : #643d3a : -4
29 : #663b38 : -2
31 : #683a37 : ±0
33 : #693835 : +2
35 : #6b3733 : +4
37 : #6c3632 : +6
39 : #6e3430 : +8
41 : #6f332f : +10
43 : #71322d : +12
45 : #73302b : +14
47 : #742f2a : +16
49 : #762d28 : +18
51 : #772c27 : +20
53 : #792b25 : +22
55 : #7b2924 : +24
57 : #7c2822 : +26
59 : #7e2720 : +28
61 : #7f251f : +30
63 : #81241d : +32
65 : #82231c : +34
67 : #84211a : +36
69 : #862019 : +38
71 : #871e17 : +40
73 : #891d15 : +42
75 : #8a1c14 : +44
77 : #8c1a12 : +46
79 : #8d1911 : +48
81 : #8f180f : +50
83 : #91160d : +52
85 : #92150c : +54
87 : #94130a : +56
89 : #951209 : +58
91 : #971107 : +60
93 : #990f06 : +62
95 : #9a0e04 : +64
97 : #9c0d02 : +66
99 : #9d0b01 : +68
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -30
3 : #0a0605 : -28
5 : #110909 : -26
7 : #170d0c : -24
9 : #1e1110 : -22
11 : #251513 : -20
13 : #2b1817 : -18
15 : #321c1a : -16
17 : #39201e : -14
19 : #3f2321 : -12
21 : #462725 : -10
23 : #4d2b28 : -8
25 : #542f2c : -6
27 : #5a3230 : -4
29 : #613633 : -2
31 : #683a37 : ±0
33 : #6e3e3a : +2
35 : #75413e : +4
37 : #7c4541 : +6
39 : #824945 : +8
41 : #894c48 : +10
43 : #90504c : +12
45 : #96544f : +14
47 : #9d5853 : +16
49 : #a45b56 : +18
51 : #a9605b : +20
53 : #ac6762 : +22
55 : #b06d69 : +24
57 : #b3746f : +26
59 : #b77a76 : +28
61 : #ba817d : +30
63 : #be8783 : +32
65 : #c18e8a : +34
67 : #c59491 : +36
69 : #c89b97 : +38
71 : #cca19e : +40
73 : #cfa8a5 : +42
75 : #d3aeab : +44
77 : #d7b5b2 : +46
79 : #dabbb9 : +48
81 : #dec2c0 : +50
83 : #e1c8c6 : +52
85 : #e5cecd : +54
87 : #e8d5d4 : +56
89 : #ecdbda : +58
91 : #efe2e1 : +60
93 : #f3e8e8 : +62
95 : #f6efee : +64
97 : #faf5f5 : +66
99 : #fdfcfc : +68
CSS入門、作ってます。
text-shadow