#5b768f
RGB ( 赤 = 91, 緑 = 118, 青 = 143 )
HSL ( 色相 = 209°, 彩度 = 22%, 明度 = 46% )
H : 色相 ( 209° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #8f635b : -200
19 : #8f6c5b : -190
29 : #8f745b : -180
39 : #8f7d5b : -170
49 : #8f865b : -160
59 : #8f8e5b : -150
69 : #878f5b : -140
79 : #7f8f5b : -130
89 : #768f5b : -120
99 : #6e8f5b : -110
109 : #658f5b : -100
119 : #5c8f5b : -90
129 : #5b8f63 : -80
139 : #5b8f6c : -70
149 : #5b8f74 : -60
159 : #5b8f7d : -50
169 : #5b8f86 : -40
179 : #5b8f8e : -30
189 : #5b878f : -20
199 : #5b7f8f : -10
209 : #5b768f : ±0
219 : #5b6e8f : +10
229 : #5b658f : +20
239 : #5b5c8f : +30
249 : #635b8f : +40
259 : #6c5b8f : +50
269 : #745b8f : +60
279 : #7d5b8f : +70
289 : #865b8f : +80
299 : #8e5b8f : +90
309 : #8f5b87 : +100
319 : #8f5b7f : +110
329 : #8f5b76 : +120
339 : #8f5b6e : +130
349 : #8f5b65 : +140
359 : #8f5b5c : +150
199 : #5b7f8f : -10
200 : #5b7e8f : -9
201 : #5b7d8f : -8
202 : #5b7c8f : -7
203 : #5b7b8f : -6
204 : #5b7a8f : -5
205 : #5b7a8f : -4
206 : #5b798f : -3
207 : #5b788f : -2
208 : #5b778f : -1
209 : #5b768f : ±0
210 : #5b758f : +1
211 : #5b748f : +2
212 : #5b748f : +3
213 : #5b738f : +4
214 : #5b728f : +5
215 : #5b718f : +6
216 : #5b708f : +7
217 : #5b6f8f : +8
218 : #5b6e8f : +9
219 : #5b6e8f : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -22
2 : #737578 : -20
4 : #71757a : -18
6 : #6e767c : -16
8 : #6c767f : -14
10 : #6a7681 : -12
12 : #677683 : -10
14 : #657686 : -8
16 : #637688 : -6
18 : #60768a : -4
20 : #5e768d : -2
22 : #5b768f : ±0
24 : #597691 : +2
26 : #577694 : +4
28 : #547696 : +6
30 : #527698 : +8
32 : #50779b : +10
34 : #4d779d : +12
36 : #4b77a0 : +14
38 : #4977a2 : +16
40 : #4677a4 : +18
42 : #4477a7 : +20
44 : #4277a9 : +22
46 : #3f77ab : +24
48 : #3d77ae : +26
50 : #3b77b0 : +28
52 : #3877b2 : +30
54 : #3677b5 : +32
56 : #3477b7 : +34
58 : #3178b9 : +36
60 : #2f78bc : +38
62 : #2d78be : +40
64 : #2a78c0 : +42
66 : #2878c3 : +44
68 : #2678c5 : +46
70 : #2378c7 : +48
72 : #2178ca : +50
74 : #1e78cc : +52
76 : #1c78ce : +54
78 : #1a78d1 : +56
80 : #1778d3 : +58
82 : #1579d5 : +60
84 : #1379d8 : +62
86 : #1079da : +64
88 : #0e79dd : +66
90 : #0c79df : +68
92 : #0979e1 : +70
94 : #0779e4 : +72
96 : #0579e6 : +74
98 : #0279e8 : +76
100 : #0079eb : +78
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #040506 : -44
4 : #080a0c : -42
6 : #0c0f13 : -40
8 : #101519 : -38
10 : #141a1f : -36
12 : #181f25 : -34
14 : #1c242c : -32
16 : #202932 : -30
18 : #242e38 : -28
20 : #28333e : -26
22 : #2c3944 : -24
24 : #303e4b : -22
26 : #344351 : -20
28 : #384857 : -18
30 : #3c4d5d : -16
32 : #405264 : -14
34 : #44576a : -12
36 : #485c70 : -10
38 : #4c6276 : -8
40 : #50677c : -6
42 : #546c83 : -4
44 : #587189 : -2
46 : #5b768f : ±0
48 : #5f7b95 : +2
50 : #63809c : +4
52 : #6a85a0 : +6
54 : #708ba4 : +8
56 : #7690a7 : +10
58 : #7c95ab : +12
60 : #839aaf : +14
62 : #899fb3 : +16
64 : #8fa4b7 : +18
66 : #95a9bb : +20
68 : #9baebf : +22
70 : #a2b3c3 : +24
72 : #a8b8c7 : +26
74 : #aebdcb : +28
76 : #b4c2cf : +30
78 : #bbc7d3 : +32
80 : #c1ccd7 : +34
82 : #c7d1db : +36
84 : #cdd6df : +38
86 : #d3dce3 : +40
88 : #dae1e7 : +42
90 : #e0e6eb : +44
92 : #e6ebef : +46
94 : #ecf0f3 : +48
96 : #f3f5f7 : +50
98 : #f9fafb : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow