#110c48
RGB ( 赤 = 17, 緑 = 12, 青 = 72 )
HSL ( 色相 = 245°, 彩度 = 71%, 明度 = 16% )
H : 色相 ( 245° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #46110c : -240
15 : #461a0c : -230
25 : #46240c : -220
35 : #462e0c : -210
45 : #46370c : -200
55 : #46410c : -190
65 : #41460c : -180
75 : #37460c : -170
85 : #2e460c : -160
95 : #24460c : -150
105 : #1a460c : -140
115 : #11460c : -130
125 : #0c4611 : -120
135 : #0c461a : -110
145 : #0c4624 : -100
155 : #0c462e : -90
165 : #0c4637 : -80
175 : #0c4641 : -70
185 : #0c4146 : -60
195 : #0c3746 : -50
205 : #0c2e46 : -40
215 : #0c2446 : -30
225 : #0c1a46 : -20
235 : #0c1146 : -10
245 : #110c46 : ±0
255 : #1a0c46 : +10
265 : #240c46 : +20
275 : #2e0c46 : +30
285 : #370c46 : +40
295 : #410c46 : +50
305 : #460c41 : +60
315 : #460c37 : +70
325 : #460c2e : +80
335 : #460c24 : +90
345 : #460c1a : +100
355 : #460c11 : +110
235 : #0c1146 : -10
236 : #0c1046 : -9
237 : #0c0f46 : -8
238 : #0c0e46 : -7
239 : #0c0d46 : -6
240 : #0c0c46 : -5
241 : #0d0c46 : -4
242 : #0e0c46 : -3
243 : #0f0c46 : -2
244 : #100c46 : -1
245 : #110c46 : ±0
246 : #120c46 : +1
247 : #130c46 : +2
248 : #140c46 : +3
249 : #150c46 : +4
250 : #150c46 : +5
251 : #160c46 : +6
252 : #170c46 : +7
253 : #180c46 : +8
254 : #190c46 : +9
255 : #1a0c46 : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #282829 : -70
3 : #28282a : -68
5 : #27272b : -66
7 : #26262c : -64
9 : #26252c : -62
11 : #25242d : -60
13 : #24232e : -58
15 : #24232f : -56
17 : #232230 : -54
19 : #222131 : -52
21 : #222031 : -50
23 : #211f32 : -48
25 : #201f33 : -46
27 : #201e34 : -44
29 : #1f1d35 : -42
31 : #1e1c35 : -40
33 : #1e1b36 : -38
35 : #1d1b37 : -36
37 : #1c1a38 : -34
39 : #1c1939 : -32
41 : #1b183a : -30
43 : #1a173a : -28
45 : #1a163b : -26
47 : #19163c : -24
49 : #18153d : -22
51 : #17143e : -20
53 : #17133e : -18
55 : #16123f : -16
57 : #151240 : -14
59 : #151141 : -12
61 : #141042 : -10
63 : #130f43 : -8
65 : #130e43 : -6
67 : #120d44 : -4
69 : #110d45 : -2
71 : #110c46 : ±0
73 : #100b47 : +2
75 : #0f0a47 : +4
77 : #0f0948 : +6
79 : #0e0949 : +8
81 : #0d084a : +10
83 : #0d074b : +12
85 : #0c064b : +14
87 : #0b054c : +16
89 : #0b044d : +18
91 : #0a044e : +20
93 : #09034f : +22
95 : #090250 : +24
97 : #080150 : +26
99 : #070051 : +28
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #020109 : -14
4 : #040311 : -12
6 : #06041a : -10
8 : #080623 : -8
10 : #0a072c : -6
12 : #0c0934 : -4
14 : #0f0a3d : -2
16 : #110c46 : ±0
18 : #130d4e : +2
20 : #150f57 : +4
22 : #171060 : +6
24 : #191269 : +8
26 : #1b1371 : +10
28 : #1d157a : +12
30 : #1f1683 : +14
32 : #21188c : +16
34 : #231994 : +18
36 : #251b9d : +20
38 : #281ca6 : +22
40 : #2a1eae : +24
42 : #2c1fb7 : +26
44 : #2e21c0 : +28
46 : #3022c9 : +30
48 : #3223d1 : +32
50 : #3425da : +34
52 : #3c2edc : +36
54 : #4436dd : +38
56 : #4c3fde : +40
58 : #5548e0 : +42
60 : #5d51e1 : +44
62 : #6559e3 : +46
64 : #6d62e4 : +48
66 : #756be6 : +50
68 : #7d73e7 : +52
70 : #857ce9 : +54
72 : #8d85ea : +56
74 : #958eec : +58
76 : #9e96ed : +60
78 : #a69fef : +62
80 : #aea8f0 : +64
82 : #b6b1f2 : +66
84 : #beb9f3 : +68
86 : #c6c2f5 : +70
88 : #cecbf6 : +72
90 : #d6d3f8 : +74
92 : #dfdcf9 : +76
94 : #e7e5fb : +78
96 : #efeefc : +80
98 : #f7f6fe : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow