#4e556a
RGB ( 赤 = 78, 緑 = 85, 青 = 106 )
HSL ( 色相 = 225°, 彩度 = 15%, 明度 = 36% )
H : 色相 ( 225° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6a504e : -220
15 : #6a554e : -210
25 : #6a5a4e : -200
35 : #6a5e4e : -190
45 : #6a634e : -180
55 : #6a674e : -170
65 : #676a4e : -160
75 : #636a4e : -150
85 : #5e6a4e : -140
95 : #5a6a4e : -130
105 : #556a4e : -120
115 : #506a4e : -110
125 : #4e6a50 : -100
135 : #4e6a55 : -90
145 : #4e6a5a : -80
155 : #4e6a5e : -70
165 : #4e6a63 : -60
175 : #4e6a67 : -50
185 : #4e676a : -40
195 : #4e636a : -30
205 : #4e5e6a : -20
215 : #4e5a6a : -10
225 : #4e556a : ±0
235 : #4e506a : +10
245 : #504e6a : +20
255 : #554e6a : +30
265 : #5a4e6a : +40
275 : #5e4e6a : +50
285 : #634e6a : +60
295 : #674e6a : +70
305 : #6a4e67 : +80
315 : #6a4e63 : +90
325 : #6a4e5e : +100
335 : #6a4e5a : +110
345 : #6a4e55 : +120
355 : #6a4e50 : +130
215 : #4e5a6a : -10
216 : #4e596a : -9
217 : #4e596a : -8
218 : #4e586a : -7
219 : #4e586a : -6
220 : #4e576a : -5
221 : #4e576a : -4
222 : #4e566a : -3
223 : #4e566a : -2
224 : #4e556a : -1
225 : #4e556a : ±0
226 : #4e546a : +1
227 : #4e546a : +2
228 : #4e546a : +3
229 : #4e536a : +4
230 : #4e536a : +5
231 : #4e526a : +6
232 : #4e526a : +7
233 : #4e516a : +8
234 : #4e516a : +9
235 : #4e506a : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5b5b5d : -14
3 : #595a5f : -12
5 : #575a60 : -10
7 : #555962 : -8
9 : #545864 : -6
11 : #525766 : -4
13 : #505668 : -2
15 : #4e556a : ±0
17 : #4c546b : +2
19 : #4a536d : +4
21 : #49526f : +6
23 : #475171 : +8
25 : #455073 : +10
27 : #434f75 : +12
29 : #414e76 : +14
31 : #3f4e78 : +16
33 : #3e4d7a : +18
35 : #3c4c7c : +20
37 : #3a4b7e : +22
39 : #384a80 : +24
41 : #364981 : +26
43 : #344883 : +28
45 : #324785 : +30
47 : #314687 : +32
49 : #2f4589 : +34
51 : #2d448b : +36
53 : #2b438c : +38
55 : #29438e : +40
57 : #274290 : +42
59 : #264192 : +44
61 : #244094 : +46
63 : #223f96 : +48
65 : #203e97 : +50
67 : #1e3d99 : +52
69 : #1c3c9b : +54
71 : #1b3b9d : +56
73 : #193a9f : +58
75 : #1739a1 : +60
77 : #1538a2 : +62
79 : #1338a4 : +64
81 : #1137a6 : +66
83 : #1036a8 : +68
85 : #0e35aa : +70
87 : #0c34ac : +72
89 : #0a33ae : +74
91 : #0832af : +76
93 : #0631b1 : +78
95 : #0530b3 : +80
97 : #032fb5 : +82
99 : #012eb7 : +84
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #040506 : -34
4 : #09090c : -32
6 : #0d0e12 : -30
8 : #111317 : -28
10 : #16181d : -26
12 : #1a1c23 : -24
14 : #1e2129 : -22
16 : #23262f : -20
18 : #272a35 : -18
20 : #2b2f3b : -16
22 : #303441 : -14
24 : #343946 : -12
26 : #383d4c : -10
28 : #3d4252 : -8
30 : #414758 : -6
32 : #454b5e : -4
34 : #4a5064 : -2
36 : #4e556a : ±0
38 : #525a6f : +2
40 : #575e75 : +4
42 : #5b637b : +6
44 : #5f6881 : +8
46 : #646d87 : +10
48 : #68718d : +12
50 : #6c7693 : +14
52 : #727b97 : +16
54 : #78819b : +18
56 : #7e86a0 : +20
58 : #848ca4 : +22
60 : #8a91a8 : +24
62 : #9097ad : +26
64 : #959cb1 : +28
66 : #9ba2b5 : +30
68 : #a1a7ba : +32
70 : #a7adbe : +34
72 : #adb2c2 : +36
74 : #b3b8c7 : +38
76 : #b9bdcb : +40
78 : #bec3cf : +42
80 : #c4c8d4 : +44
82 : #caced8 : +46
84 : #d0d3dc : +48
86 : #d6d9e1 : +50
88 : #dcdee5 : +52
90 : #e2e4e9 : +54
92 : #e8e9ee : +56
94 : #edeff2 : +58
96 : #f3f4f6 : +60
98 : #f9fafb : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow