#693a49
RGB ( 赤 = 105, 緑 = 58, 青 = 73 )
HSL ( 色相 = 341°, 彩度 = 29%, 明度 = 32% )
H : 色相 ( 341° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #693b3a : -340
11 : #69433a : -330
21 : #694b3a : -320
31 : #69523a : -310
41 : #695a3a : -300
51 : #69623a : -290
61 : #68693a : -280
71 : #61693a : -270
81 : #59693a : -260
91 : #51693a : -250
101 : #49693a : -240
111 : #41693a : -230
121 : #3a693b : -220
131 : #3a6943 : -210
141 : #3a694b : -200
151 : #3a6952 : -190
161 : #3a695a : -180
171 : #3a6962 : -170
181 : #3a6869 : -160
191 : #3a6169 : -150
201 : #3a5969 : -140
211 : #3a5169 : -130
221 : #3a4969 : -120
231 : #3a4169 : -110
241 : #3b3a69 : -100
251 : #433a69 : -90
261 : #4b3a69 : -80
271 : #523a69 : -70
281 : #5a3a69 : -60
291 : #623a69 : -50
301 : #693a68 : -40
311 : #693a61 : -30
321 : #693a59 : -20
331 : #693a51 : -10
341 : #693a49 : ±0
351 : #693a41 : +10
331 : #693a51 : -10
332 : #693a50 : -9
333 : #693a4f : -8
334 : #693a4e : -7
335 : #693a4e : -6
336 : #693a4d : -5
337 : #693a4c : -4
338 : #693a4b : -3
339 : #693a4b : -2
340 : #693a4a : -1
341 : #693a49 : ±0
342 : #693a48 : +1
343 : #693a47 : +2
344 : #693a47 : +3
345 : #693a46 : +4
346 : #693a45 : +5
347 : #693a44 : +6
348 : #693a43 : +7
349 : #693a43 : +8
350 : #693a42 : +9
351 : #693a41 : +10
S : 彩度 ( 29% )
(0%) 渋い ~ 鮮やか (100%)
1 : #525151 : -28
3 : #544f51 : -26
5 : #564e50 : -24
7 : #574c50 : -22
9 : #594a4f : -20
11 : #5b494e : -18
13 : #5c474e : -16
15 : #5e454d : -14
17 : #5f444d : -12
19 : #61424c : -10
21 : #63404b : -8
23 : #643f4b : -6
25 : #663d4a : -4
27 : #683c4a : -2
29 : #693a49 : ±0
31 : #6b3848 : +2
33 : #6d3748 : +4
35 : #6e3547 : +6
37 : #703347 : +8
39 : #713246 : +10
41 : #733045 : +12
43 : #752f45 : +14
45 : #762d44 : +16
47 : #782b44 : +18
49 : #7a2a43 : +20
51 : #7b2842 : +22
53 : #7d2642 : +24
55 : #7e2541 : +26
57 : #802341 : +28
59 : #822140 : +30
61 : #83203f : +32
63 : #851e3f : +34
65 : #871d3e : +36
67 : #881b3e : +38
69 : #8a193d : +40
71 : #8c183c : +42
73 : #8d163c : +44
75 : #8f143b : +46
77 : #90133b : +48
79 : #92113a : +50
81 : #941039 : +52
83 : #950e39 : +54
85 : #970c38 : +56
87 : #990b38 : +58
89 : #9a0937 : +60
91 : #9c0736 : +62
93 : #9d0636 : +64
95 : #9f0435 : +66
97 : #a10235 : +68
99 : #a20134 : +70
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #070405 : -30
4 : #0d0709 : -28
6 : #140b0e : -26
8 : #1a0e12 : -24
10 : #211217 : -22
12 : #27161b : -20
14 : #2e1920 : -18
16 : #351d24 : -16
18 : #3b2129 : -14
20 : #42242e : -12
22 : #482832 : -10
24 : #4f2b37 : -8
26 : #562f3b : -6
28 : #5c3340 : -4
30 : #633644 : -2
32 : #693a49 : ±0
34 : #703e4d : +2
36 : #764152 : +4
38 : #7d4557 : +6
40 : #84485b : +8
42 : #8a4c60 : +10
44 : #915064 : +12
46 : #975369 : +14
48 : #9e576d : +16
50 : #a45b72 : +18
52 : #a86178 : +20
54 : #ac687d : +22
56 : #af6e83 : +24
58 : #b37589 : +26
60 : #b77b8e : +28
62 : #ba8294 : +30
64 : #be8999 : +32
66 : #c18f9f : +34
68 : #c596a5 : +36
70 : #c99caa : +38
72 : #cca3b0 : +40
74 : #d0a9b6 : +42
76 : #d4b0bb : +44
78 : #d7b7c1 : +46
80 : #dbbdc7 : +48
82 : #dec4cc : +50
84 : #e2cad2 : +52
86 : #e6d1d8 : +54
88 : #e9d8dd : +56
90 : #eddee3 : +58
92 : #f1e5e8 : +60
94 : #f4ebee : +62
96 : #f8f2f4 : +64
98 : #fbf8f9 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow