#62475d
RGB ( 赤 = 98, 緑 = 71, 青 = 93 )
HSL ( 色相 = 311°, 彩度 = 16%, 明度 = 33% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #624747 : -310
11 : #624c47 : -300
21 : #625047 : -290
31 : #625547 : -280
41 : #625947 : -270
51 : #625e47 : -260
61 : #616247 : -250
71 : #5d6247 : -240
81 : #586247 : -230
91 : #546247 : -220
101 : #4f6247 : -210
111 : #4b6247 : -200
121 : #476247 : -190
131 : #47624c : -180
141 : #476250 : -170
151 : #476255 : -160
161 : #476259 : -150
171 : #47625e : -140
181 : #476162 : -130
191 : #475d62 : -120
201 : #475862 : -110
211 : #475462 : -100
221 : #474f62 : -90
231 : #474b62 : -80
241 : #474762 : -70
251 : #4c4762 : -60
261 : #504762 : -50
271 : #554762 : -40
281 : #594762 : -30
291 : #5e4762 : -20
301 : #624761 : -10
311 : #62475d : ±0
321 : #624758 : +10
331 : #624754 : +20
341 : #62474f : +30
351 : #62474b : +40
301 : #624761 : -10
302 : #624761 : -9
303 : #624760 : -8
304 : #624760 : -7
305 : #62475f : -6
306 : #62475f : -5
307 : #62475e : -4
308 : #62475e : -3
309 : #62475e : -2
310 : #62475d : -1
311 : #62475d : ±0
312 : #62475c : +1
313 : #62475c : +2
314 : #62475b : +3
315 : #62475b : +4
316 : #62475a : +5
317 : #62475a : +6
318 : #62475a : +7
319 : #624759 : +8
320 : #624759 : +9
321 : #624758 : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -16
2 : #565255 : -14
4 : #585156 : -12
6 : #594f57 : -10
8 : #5b4d58 : -8
10 : #5d4c59 : -6
12 : #5e4a5b : -4
14 : #60485c : -2
16 : #62475d : ±0
18 : #63455e : +2
20 : #65435f : +4
22 : #674260 : +6
24 : #684061 : +8
26 : #6a3e62 : +10
28 : #6c3d63 : +12
30 : #6d3b64 : +14
32 : #6f3965 : +16
34 : #713866 : +18
36 : #723667 : +20
38 : #743468 : +22
40 : #763269 : +24
42 : #77316b : +26
44 : #792f6c : +28
46 : #7b2d6d : +30
48 : #7d2c6e : +32
50 : #7e2a6f : +34
52 : #802870 : +36
54 : #822771 : +38
56 : #832572 : +40
58 : #852373 : +42
60 : #872274 : +44
62 : #882075 : +46
64 : #8a1e76 : +48
66 : #8c1d77 : +50
68 : #8d1b78 : +52
70 : #8f1979 : +54
72 : #91187b : +56
74 : #92167c : +58
76 : #94147d : +60
78 : #96137e : +62
80 : #97117f : +64
82 : #990f80 : +66
84 : #9b0d81 : +68
86 : #9d0c82 : +70
88 : #9e0a83 : +72
90 : #a00884 : +74
92 : #a20785 : +76
94 : #a30586 : +78
96 : #a50387 : +80
98 : #a70288 : +82
100 : #a80089 : +84
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -32
3 : #090608 : -30
5 : #0f0b0e : -28
7 : #150f14 : -26
9 : #1b1319 : -24
11 : #21181f : -22
13 : #261c25 : -20
15 : #2c202a : -18
17 : #322430 : -16
19 : #382935 : -14
21 : #3e2d3b : -12
23 : #443141 : -10
25 : #4a3646 : -8
27 : #503a4c : -6
29 : #563e51 : -4
31 : #5c4257 : -2
33 : #62475d : ±0
35 : #684b62 : +2
37 : #6d4f68 : +4
39 : #73546e : +6
41 : #795873 : +8
43 : #7f5c79 : +10
45 : #85607e : +12
47 : #8b6584 : +14
49 : #91698a : +16
51 : #966e8f : +18
53 : #9a7493 : +20
55 : #9f7a98 : +22
57 : #a3809c : +24
59 : #a786a1 : +26
61 : #ab8ca6 : +28
63 : #b092aa : +30
65 : #b497af : +32
67 : #b89db3 : +34
69 : #bda3b8 : +36
71 : #c1a9bd : +38
73 : #c5afc1 : +40
75 : #c9b5c6 : +42
77 : #cebbca : +44
79 : #d2c1cf : +46
81 : #d6c7d3 : +48
83 : #dbcdd8 : +50
85 : #dfd3dd : +52
87 : #e3d9e1 : +54
89 : #e7dee6 : +56
91 : #ece4ea : +58
93 : #f0eaef : +60
95 : #f4f0f4 : +62
97 : #f9f6f8 : +64
99 : #fdfcfd : +66
CSS入門、作ってます。
text-shadow