#666a93
RGB ( 赤 = 102, 緑 = 106, 青 = 147 )
HSL ( 色相 = 235°, 彩度 = 18%, 明度 = 49% )
H : 色相 ( 235° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #936a66 : -230
15 : #937266 : -220
25 : #937966 : -210
35 : #938166 : -200
45 : #938866 : -190
55 : #939066 : -180
65 : #909366 : -170
75 : #889366 : -160
85 : #819366 : -150
95 : #799366 : -140
105 : #729366 : -130
115 : #6a9366 : -120
125 : #66936a : -110
135 : #669372 : -100
145 : #669379 : -90
155 : #669381 : -80
165 : #669388 : -70
175 : #669390 : -60
185 : #669093 : -50
195 : #668893 : -40
205 : #668193 : -30
215 : #667993 : -20
225 : #667293 : -10
235 : #666a93 : ±0
245 : #6a6693 : +10
255 : #726693 : +20
265 : #796693 : +30
275 : #816693 : +40
285 : #886693 : +50
295 : #906693 : +60
305 : #936690 : +70
315 : #936688 : +80
325 : #936681 : +90
335 : #936679 : +100
345 : #936672 : +110
355 : #93666a : +120
225 : #667293 : -10
226 : #667193 : -9
227 : #667093 : -8
228 : #666f93 : -7
229 : #666f93 : -6
230 : #666e93 : -5
231 : #666d93 : -4
232 : #666c93 : -3
233 : #666c93 : -2
234 : #666b93 : -1
235 : #666a93 : ±0
236 : #666993 : +1
237 : #666993 : +2
238 : #666893 : +3
239 : #666793 : +4
240 : #666693 : +5
241 : #676693 : +6
242 : #686693 : +7
243 : #696693 : +8
244 : #696693 : +9
245 : #6a6693 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7c7c7c : -18
2 : #7a7b7f : -16
4 : #787982 : -14
6 : #757784 : -12
8 : #737587 : -10
10 : #707389 : -8
12 : #6e708c : -6
14 : #6b6e8e : -4
16 : #696c91 : -2
18 : #666a93 : ±0
20 : #646896 : +2
22 : #616698 : +4
24 : #5f649b : +6
26 : #5c629d : +8
28 : #5a60a0 : +10
30 : #575ea2 : +12
32 : #555ca5 : +14
34 : #525aa7 : +16
36 : #5057aa : +18
38 : #4d55ac : +20
40 : #4b53af : +22
42 : #4851b1 : +24
44 : #464fb4 : +26
46 : #434db6 : +28
48 : #414bb9 : +30
50 : #3e49bb : +32
52 : #3c47be : +34
54 : #3945c0 : +36
56 : #3743c3 : +38
58 : #3441c5 : +40
60 : #323ec8 : +42
62 : #2f3cca : +44
64 : #2d3acd : +46
66 : #2a38cf : +48
68 : #2836d2 : +50
70 : #2534d4 : +52
72 : #2332d7 : +54
74 : #2030d9 : +56
76 : #1e2edc : +58
78 : #1b2cde : +60
80 : #192ae1 : +62
82 : #1628e3 : +64
84 : #1425e6 : +66
86 : #1123e8 : +68
88 : #0f21eb : +70
90 : #0c1fed : +72
92 : #0a1df0 : +74
94 : #071bf2 : +76
96 : #0519f5 : +78
98 : #0217f7 : +80
100 : #0015fa : +82
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -48
3 : #060709 : -46
5 : #0a0b0f : -44
7 : #0f0f15 : -42
9 : #13141b : -40
11 : #171821 : -38
13 : #1b1c27 : -36
15 : #1f212d : -34
17 : #242533 : -32
19 : #282939 : -30
21 : #2c2e3f : -28
23 : #303245 : -26
25 : #34364b : -24
27 : #383b51 : -22
29 : #3d3f57 : -20
31 : #41435d : -18
33 : #454863 : -16
35 : #494c69 : -14
37 : #4d506f : -12
39 : #525575 : -10
41 : #56597b : -8
43 : #5a5d81 : -6
45 : #5e6287 : -4
47 : #62668d : -2
49 : #666a93 : ±0
51 : #6c6f99 : +2
53 : #72759d : +4
55 : #787ba1 : +6
57 : #7e81a5 : +8
59 : #8487a9 : +10
61 : #8a8dad : +12
63 : #9092b2 : +14
65 : #9698b6 : +16
67 : #9c9eba : +18
69 : #a2a4be : +20
71 : #a8aac2 : +22
73 : #aeb0c7 : +24
75 : #b4b6cb : +26
77 : #babccf : +28
79 : #c0c1d3 : +30
81 : #c6c7d7 : +32
83 : #cccddb : +34
85 : #d2d3e0 : +36
87 : #d8d9e4 : +38
89 : #dedfe8 : +40
91 : #e4e5ec : +42
93 : #eaeaf0 : +44
95 : #f0f0f5 : +46
97 : #f6f6f9 : +48
99 : #fcfcfd : +50
CSS入門、作ってます。
text-shadow