#546c7d
RGB ( 赤 = 84, 緑 = 108, 青 = 125 )
HSL ( 色相 = 205°, 彩度 = 20%, 明度 = 41% )
H : 色相 ( 205° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #7d5754 : -200
15 : #7d5e54 : -190
25 : #7d6554 : -180
35 : #7d6c54 : -170
45 : #7d7354 : -160
55 : #7d7a54 : -150
65 : #7a7d54 : -140
75 : #737d54 : -130
85 : #6c7d54 : -120
95 : #657d54 : -110
105 : #5e7d54 : -100
115 : #577d54 : -90
125 : #547d57 : -80
135 : #547d5e : -70
145 : #547d65 : -60
155 : #547d6c : -50
165 : #547d73 : -40
175 : #547d7a : -30
185 : #547a7d : -20
195 : #54737d : -10
205 : #546c7d : ±0
215 : #54657d : +10
225 : #545e7d : +20
235 : #54577d : +30
245 : #57547d : +40
255 : #5e547d : +50
265 : #65547d : +60
275 : #6c547d : +70
285 : #73547d : +80
295 : #7a547d : +90
305 : #7d547a : +100
315 : #7d5473 : +110
325 : #7d546c : +120
335 : #7d5465 : +130
345 : #7d545e : +140
355 : #7d5457 : +150
195 : #54737d : -10
196 : #54727d : -9
197 : #54727d : -8
198 : #54717d : -7
199 : #54707d : -6
200 : #54707d : -5
201 : #546f7d : -4
202 : #546e7d : -3
203 : #546d7d : -2
204 : #546d7d : -1
205 : #546c7d : ±0
206 : #546b7d : +1
207 : #546b7d : +2
208 : #546a7d : +3
209 : #54697d : +4
210 : #54697d : +5
211 : #54687d : +6
212 : #54677d : +7
213 : #54667d : +8
214 : #54667d : +9
215 : #54657d : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #686868 : -20
2 : #66696b : -18
4 : #64696d : -16
6 : #626a6f : -14
8 : #606a71 : -12
10 : #5e6a73 : -10
12 : #5c6b75 : -8
14 : #5a6b77 : -6
16 : #586b79 : -4
18 : #566c7b : -2
20 : #546c7d : ±0
22 : #526c80 : +2
24 : #4f6d82 : +4
26 : #4d6d84 : +6
28 : #4b6d86 : +8
30 : #496e88 : +10
32 : #476e8a : +12
34 : #456e8c : +14
36 : #436f8e : +16
38 : #416f90 : +18
40 : #3f7092 : +20
42 : #3d7094 : +22
44 : #3b7097 : +24
46 : #387199 : +26
48 : #36719b : +28
50 : #34719d : +30
52 : #32729f : +32
54 : #3072a1 : +34
56 : #2e72a3 : +36
58 : #2c73a5 : +38
60 : #2a73a7 : +40
62 : #2873a9 : +42
64 : #2674ab : +44
66 : #2474ae : +46
68 : #2174b0 : +48
70 : #1f75b2 : +50
72 : #1d75b4 : +52
74 : #1b75b6 : +54
76 : #1976b8 : +56
78 : #1776ba : +58
80 : #1576bc : +60
82 : #1377be : +62
84 : #1177c0 : +64
86 : #0f78c2 : +66
88 : #0d78c5 : +68
90 : #0a78c7 : +70
92 : #0879c9 : +72
94 : #0679cb : +74
96 : #0479cd : +76
98 : #027acf : +78
100 : #007ad1 : +80
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -40
3 : #060809 : -38
5 : #0a0d0f : -36
7 : #0e1215 : -34
9 : #12181c : -32
11 : #161d22 : -30
13 : #1b2228 : -28
15 : #1f282e : -26
17 : #232d34 : -24
19 : #27323a : -22
21 : #2b3740 : -20
23 : #2f3d46 : -18
25 : #33424d : -16
27 : #374753 : -14
29 : #3b4c59 : -12
31 : #3f525f : -10
33 : #435765 : -8
35 : #475c6b : -6
37 : #4b6171 : -4
39 : #506777 : -2
41 : #546c7d : ±0
43 : #587184 : +2
45 : #5c778a : +4
47 : #607c90 : +6
49 : #648196 : +8
51 : #69869b : +10
53 : #6f8b9f : +12
55 : #7590a3 : +14
57 : #7b95a7 : +16
59 : #829aab : +18
61 : #889faf : +20
63 : #8ea4b4 : +22
65 : #94a9b8 : +24
67 : #9aaebc : +26
69 : #a0b3c0 : +28
71 : #a6b8c4 : +30
73 : #acbcc8 : +32
75 : #b3c1cc : +34
77 : #b9c6d0 : +36
79 : #bfcbd4 : +38
81 : #c5d0d8 : +40
83 : #cbd5dc : +42
85 : #d1dae0 : +44
87 : #d7dfe4 : +46
89 : #dde4e9 : +48
91 : #e3e9ed : +50
93 : #eaeef1 : +52
95 : #f0f3f5 : +54
97 : #f6f8f9 : +56
99 : #fcfdfd : +58
CSS入門、作ってます。
text-shadow