#683f37
RGB ( 赤 = 104, 緑 = 63, 青 = 55 )
HSL ( 色相 = 10°, 彩度 = 31%, 明度 = 31% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #683737 : -10
10 : #683f37 : ±0
20 : #684737 : +10
30 : #684f37 : +20
40 : #685737 : +30
50 : #685f37 : +40
60 : #686837 : +50
70 : #5f6837 : +60
80 : #576837 : +70
90 : #4f6837 : +80
100 : #476837 : +90
110 : #3f6837 : +100
120 : #376837 : +110
130 : #37683f : +120
140 : #376847 : +130
150 : #37684f : +140
160 : #376857 : +150
170 : #37685f : +160
180 : #376868 : +170
190 : #375f68 : +180
200 : #375768 : +190
210 : #374f68 : +200
220 : #374768 : +210
230 : #373f68 : +220
240 : #373768 : +230
250 : #3f3768 : +240
260 : #473768 : +250
270 : #4f3768 : +260
280 : #573768 : +270
290 : #5f3768 : +280
300 : #683768 : +290
310 : #68375f : +300
320 : #683757 : +310
330 : #68374f : +320
340 : #683747 : +330
350 : #68373f : +340
0 : #683737 : -10
1 : #683737 : -9
2 : #683837 : -8
3 : #683937 : -7
4 : #683a37 : -6
5 : #683b37 : -5
6 : #683b37 : -4
7 : #683c37 : -3
8 : #683d37 : -2
9 : #683e37 : -1
10 : #683f37 : ±0
11 : #684037 : +1
12 : #684037 : +2
13 : #684137 : +3
14 : #684237 : +4
15 : #684337 : +5
16 : #684437 : +6
17 : #684437 : +7
18 : #684537 : +8
19 : #684637 : +9
20 : #684737 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504f4e : -30
3 : #514d4d : -28
5 : #534c4b : -26
7 : #554b4a : -24
9 : #564a48 : -22
11 : #584946 : -20
13 : #594845 : -18
15 : #5b4743 : -16
17 : #5c4642 : -14
19 : #5e4540 : -12
21 : #60443e : -10
23 : #61433d : -8
25 : #63423b : -6
27 : #64413a : -4
29 : #664038 : -2
31 : #683f37 : ±0
33 : #693e35 : +2
35 : #6b3d33 : +4
37 : #6c3c32 : +6
39 : #6e3a30 : +8
41 : #6f392f : +10
43 : #71382d : +12
45 : #73372b : +14
47 : #74362a : +16
49 : #763528 : +18
51 : #773427 : +20
53 : #793325 : +22
55 : #7b3224 : +24
57 : #7c3122 : +26
59 : #7e3020 : +28
61 : #7f2f1f : +30
63 : #812e1d : +32
65 : #822d1c : +34
67 : #842c1a : +36
69 : #862b19 : +38
71 : #872a17 : +40
73 : #892915 : +42
75 : #8a2814 : +44
77 : #8c2612 : +46
79 : #8d2511 : +48
81 : #8f240f : +50
83 : #91230d : +52
85 : #92220c : +54
87 : #94210a : +56
89 : #952009 : +58
91 : #971f07 : +60
93 : #991e06 : +62
95 : #9a1d04 : +64
97 : #9c1c02 : +66
99 : #9d1b01 : +68
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -30
3 : #0a0605 : -28
5 : #110a09 : -26
7 : #170e0c : -24
9 : #1e1210 : -22
11 : #251613 : -20
13 : #2b1a17 : -18
15 : #321e1a : -16
17 : #39221e : -14
19 : #3f2621 : -12
21 : #462a25 : -10
23 : #4d2f28 : -8
25 : #54332c : -6
27 : #5a3730 : -4
29 : #613b33 : -2
31 : #683f37 : ±0
33 : #6e433a : +2
35 : #75473e : +4
37 : #7c4b41 : +6
39 : #824f45 : +8
41 : #895348 : +10
43 : #90574c : +12
45 : #965b4f : +14
47 : #9d5f53 : +16
49 : #a46356 : +18
51 : #a9685b : +20
53 : #ac6e62 : +22
55 : #b07569 : +24
57 : #b37b6f : +26
59 : #b78176 : +28
61 : #ba877d : +30
63 : #be8d83 : +32
65 : #c1938a : +34
67 : #c59991 : +36
69 : #c8a097 : +38
71 : #cca69e : +40
73 : #cfaca5 : +42
75 : #d3b2ab : +44
77 : #d7b8b2 : +46
79 : #dabeb9 : +48
81 : #dec5c0 : +50
83 : #e1cbc6 : +52
85 : #e5d1cd : +54
87 : #e8d7d4 : +56
89 : #ecddda : +58
91 : #efe3e1 : +60
93 : #f3e9e8 : +62
95 : #f6f0ee : +64
97 : #faf6f5 : +66
99 : #fdfcfc : +68
CSS入門、作ってます。
text-shadow