#646aa0
RGB ( 赤 = 100, 緑 = 106, 青 = 160 )
HSL ( 色相 = 234°, 彩度 = 24%, 明度 = 51% )
H : 色相 ( 234° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #a06864 : -230
14 : #a07264 : -220
24 : #a07c64 : -210
34 : #a08664 : -200
44 : #a09064 : -190
54 : #a09a64 : -180
64 : #9ca064 : -170
74 : #92a064 : -160
84 : #88a064 : -150
94 : #7ea064 : -140
104 : #74a064 : -130
114 : #6aa064 : -120
124 : #64a068 : -110
134 : #64a072 : -100
144 : #64a07c : -90
154 : #64a086 : -80
164 : #64a090 : -70
174 : #64a09a : -60
184 : #649ca0 : -50
194 : #6492a0 : -40
204 : #6488a0 : -30
214 : #647ea0 : -20
224 : #6474a0 : -10
234 : #646aa0 : ±0
244 : #6864a0 : +10
254 : #7264a0 : +20
264 : #7c64a0 : +30
274 : #8664a0 : +40
284 : #9064a0 : +50
294 : #9a64a0 : +60
304 : #a0649c : +70
314 : #a06492 : +80
324 : #a06488 : +90
334 : #a0647e : +100
344 : #a06474 : +110
354 : #a0646a : +120
224 : #6474a0 : -10
225 : #6473a0 : -9
226 : #6472a0 : -8
227 : #6471a0 : -7
228 : #6470a0 : -6
229 : #646fa0 : -5
230 : #646ea0 : -4
231 : #646da0 : -3
232 : #646ca0 : -2
233 : #646ba0 : -1
234 : #646aa0 : ±0
235 : #6469a0 : +1
236 : #6468a0 : +2
237 : #6467a0 : +3
238 : #6466a0 : +4
239 : #6465a0 : +5
240 : #6464a0 : +6
241 : #6564a0 : +7
242 : #6664a0 : +8
243 : #6764a0 : +9
244 : #6864a0 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -24
2 : #808085 : -22
4 : #7d7e87 : -20
6 : #7b7c8a : -18
8 : #787a8c : -16
10 : #76788f : -14
12 : #737691 : -12
14 : #717494 : -10
16 : #6e7296 : -8
18 : #6c7099 : -6
20 : #696e9b : -4
22 : #676c9e : -2
24 : #646aa0 : ±0
26 : #6268a3 : +2
28 : #5f66a5 : +4
30 : #5d64a8 : +6
32 : #5a62aa : +8
34 : #5860ad : +10
36 : #555eaf : +12
38 : #535cb2 : +14
40 : #505ab4 : +16
42 : #4e58b7 : +18
44 : #4b56b9 : +20
46 : #4954bc : +22
48 : #4652be : +24
50 : #4450c1 : +26
52 : #414ec3 : +28
54 : #3f4cc6 : +30
56 : #3c4ac8 : +32
58 : #3a48cb : +34
60 : #3746cd : +36
62 : #3544d0 : +38
64 : #3242d2 : +40
66 : #3040d5 : +42
68 : #2d3ed7 : +44
70 : #2b3cda : +46
72 : #283adc : +48
74 : #2638df : +50
76 : #2336e1 : +52
78 : #2134e4 : +54
80 : #1e32e6 : +56
82 : #1c30e9 : +58
84 : #192eeb : +60
86 : #172cee : +62
88 : #142af0 : +64
90 : #1228f3 : +66
92 : #0f26f5 : +68
94 : #0d24f8 : +70
96 : #0a22fa : +72
98 : #0820fd : +74
100 : #051eff : +76
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -50
3 : #060609 : -48
5 : #0a0a10 : -46
7 : #0e0e16 : -44
9 : #11131c : -42
11 : #151723 : -40
13 : #191b29 : -38
15 : #1d1f2f : -36
17 : #212336 : -34
19 : #25273c : -32
21 : #292b42 : -30
23 : #2d2f49 : -28
25 : #30344f : -26
27 : #343855 : -24
29 : #383c5c : -22
31 : #3c4062 : -20
33 : #404468 : -18
35 : #44486f : -16
37 : #484c75 : -14
39 : #4c507b : -12
41 : #4f5482 : -10
43 : #535988 : -8
45 : #575d8e : -6
47 : #5b6195 : -4
49 : #5f659b : -2
51 : #646aa0 : ±0
53 : #6a70a4 : +2
55 : #7176a8 : +4
57 : #777cac : +6
59 : #7d82b0 : +8
61 : #8488b3 : +10
63 : #8a8fb7 : +12
65 : #9095bb : +14
67 : #979bbf : +16
69 : #9da1c3 : +18
71 : #a3a7c7 : +20
73 : #aaadcb : +22
75 : #b0b3cf : +24
77 : #b6b9d2 : +26
79 : #bdbfd6 : +28
81 : #c3c5da : +30
83 : #c9cbde : +32
85 : #d0d1e2 : +34
87 : #d6d7e6 : +36
89 : #dcdeea : +38
91 : #e3e4ee : +40
93 : #e9eaf1 : +42
95 : #eff0f5 : +44
97 : #f6f6f9 : +46
99 : #fcfcfd : +48
CSS入門、作ってます。
text-shadow