#693f4c
RGB ( 赤 = 105, 緑 = 63, 青 = 76 )
HSL ( 色相 = 341°, 彩度 = 25%, 明度 = 33% )
H : 色相 ( 341° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #69403f : -340
11 : #69473f : -330
21 : #694e3f : -320
31 : #69553f : -310
41 : #695c3f : -300
51 : #69633f : -290
61 : #68693f : -280
71 : #61693f : -270
81 : #5a693f : -260
91 : #53693f : -250
101 : #4c693f : -240
111 : #45693f : -230
121 : #3f6940 : -220
131 : #3f6947 : -210
141 : #3f694e : -200
151 : #3f6955 : -190
161 : #3f695c : -180
171 : #3f6963 : -170
181 : #3f6869 : -160
191 : #3f6169 : -150
201 : #3f5a69 : -140
211 : #3f5369 : -130
221 : #3f4c69 : -120
231 : #3f4569 : -110
241 : #403f69 : -100
251 : #473f69 : -90
261 : #4e3f69 : -80
271 : #553f69 : -70
281 : #5c3f69 : -60
291 : #633f69 : -50
301 : #693f68 : -40
311 : #693f61 : -30
321 : #693f5a : -20
331 : #693f53 : -10
341 : #693f4c : ±0
351 : #693f45 : +10
331 : #693f53 : -10
332 : #693f53 : -9
333 : #693f52 : -8
334 : #693f51 : -7
335 : #693f51 : -6
336 : #693f50 : -5
337 : #693f4f : -4
338 : #693f4f : -3
339 : #693f4e : -2
340 : #693f4d : -1
341 : #693f4c : ±0
342 : #693f4c : +1
343 : #693f4b : +2
344 : #693f4a : +3
345 : #693f4a : +4
346 : #693f49 : +5
347 : #693f48 : +6
348 : #693f48 : +7
349 : #693f47 : +8
350 : #693f46 : +9
351 : #693f45 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555354 : -24
3 : #575253 : -22
5 : #585053 : -20
7 : #5a4e52 : -18
9 : #5c4d51 : -16
11 : #5d4b51 : -14
13 : #5f4950 : -12
15 : #614850 : -10
17 : #62464f : -8
19 : #64444e : -6
21 : #66424e : -4
23 : #68414d : -2
25 : #693f4c : ±0
27 : #6b3d4c : +2
29 : #6d3c4b : +4
31 : #6e3a4b : +6
33 : #70384a : +8
35 : #723749 : +10
37 : #733549 : +12
39 : #753348 : +14
41 : #773247 : +16
43 : #783047 : +18
45 : #7a2e46 : +20
47 : #7c2d46 : +22
49 : #7d2b45 : +24
51 : #7f2944 : +26
53 : #812844 : +28
55 : #822643 : +30
57 : #842443 : +32
59 : #862342 : +34
61 : #872141 : +36
63 : #891f41 : +38
65 : #8b1d40 : +40
67 : #8d1c3f : +42
69 : #8e1a3f : +44
71 : #90183e : +46
73 : #92173e : +48
75 : #93153d : +50
77 : #95133c : +52
79 : #97123c : +54
81 : #98103b : +56
83 : #9a0e3b : +58
85 : #9c0d3a : +60
87 : #9d0b39 : +62
89 : #9f0939 : +64
91 : #a10838 : +66
93 : #a20637 : +68
95 : #a40437 : +70
97 : #a60336 : +72
99 : #a70136 : +74
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -32
3 : #0a0607 : -30
5 : #100a0c : -28
7 : #160d10 : -26
9 : #1d1115 : -24
11 : #231519 : -22
13 : #29191e : -20
15 : #301d23 : -18
17 : #362127 : -16
19 : #3d242c : -14
21 : #432831 : -12
23 : #492c35 : -10
25 : #50303a : -8
27 : #56343f : -6
29 : #5c3743 : -4
31 : #633b48 : -2
33 : #693f4c : ±0
35 : #704351 : +2
37 : #764756 : +4
39 : #7c4b5a : +6
41 : #834e5f : +8
43 : #895264 : +10
45 : #8f5668 : +12
47 : #965a6d : +14
49 : #9c5e71 : +16
51 : #a16377 : +18
53 : #a5697c : +20
55 : #a97082 : +22
57 : #ad7687 : +24
59 : #b17c8d : +26
61 : #b48392 : +28
63 : #b88998 : +30
65 : #bc8f9e : +32
67 : #c096a3 : +34
69 : #c49ca9 : +36
71 : #c8a3ae : +38
73 : #cba9b4 : +40
75 : #cfafb9 : +42
77 : #d3b6bf : +44
79 : #d7bcc5 : +46
81 : #dbc2ca : +48
83 : #dec9d0 : +50
85 : #e2cfd5 : +52
87 : #e6d6db : +54
89 : #eadce0 : +56
91 : #eee2e6 : +58
93 : #f2e9ec : +60
95 : #f5eff1 : +62
97 : #f9f5f7 : +64
99 : #fdfcfc : +66
CSS入門、作ってます。
text-shadow