#030e49
RGB ( 赤 = 3, 緑 = 14, 青 = 73 )
HSL ( 色相 = 231°, 彩度 = 92%, 明度 = 15% )
H : 色相 ( 231° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #490403 : -230
11 : #491003 : -220
21 : #491c03 : -210
31 : #492703 : -200
41 : #493303 : -190
51 : #493f03 : -180
61 : #484903 : -170
71 : #3d4903 : -160
81 : #314903 : -150
91 : #254903 : -140
101 : #194903 : -130
111 : #0e4903 : -120
121 : #034904 : -110
131 : #034910 : -100
141 : #03491c : -90
151 : #034927 : -80
161 : #034933 : -70
171 : #03493f : -60
181 : #034849 : -50
191 : #033d49 : -40
201 : #033149 : -30
211 : #032549 : -20
221 : #031949 : -10
231 : #030e49 : ±0
241 : #040349 : +10
251 : #100349 : +20
261 : #1c0349 : +30
271 : #270349 : +40
281 : #330349 : +50
291 : #3f0349 : +60
301 : #490348 : +70
311 : #49033d : +80
321 : #490331 : +90
331 : #490325 : +100
341 : #490319 : +110
351 : #49030e : +120
221 : #031949 : -10
222 : #031849 : -9
223 : #031749 : -8
224 : #031649 : -7
225 : #031549 : -6
226 : #031349 : -5
227 : #031249 : -4
228 : #031149 : -3
229 : #031049 : -2
230 : #030f49 : -1
231 : #030e49 : ±0
232 : #030c49 : +1
233 : #030b49 : +2
234 : #030a49 : +3
235 : #030949 : +4
236 : #030849 : +5
237 : #030749 : +6
238 : #030549 : +7
239 : #030449 : +8
240 : #030349 : +9
241 : #040349 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -92
2 : #252627 : -90
4 : #252528 : -88
6 : #242529 : -86
8 : #232429 : -84
10 : #22242a : -82
12 : #22232b : -80
14 : #21232c : -78
16 : #20222c : -76
18 : #1f212d : -74
20 : #1f212e : -72
22 : #1e202f : -70
24 : #1d202f : -68
26 : #1c1f30 : -66
28 : #1c1f31 : -64
30 : #1b1e32 : -62
32 : #1a1e32 : -60
34 : #191d33 : -58
36 : #181d34 : -56
38 : #181c35 : -54
40 : #171c36 : -52
42 : #161b36 : -50
44 : #151a37 : -48
46 : #151a38 : -46
48 : #141939 : -44
50 : #131939 : -42
52 : #12183a : -40
54 : #12183b : -38
56 : #11173c : -36
58 : #10173c : -34
60 : #0f163d : -32
62 : #0f163e : -30
64 : #0e153f : -28
66 : #0d153f : -26
68 : #0c1440 : -24
70 : #0b1441 : -22
72 : #0b1342 : -20
74 : #0a1243 : -18
76 : #091243 : -16
78 : #081144 : -14
80 : #081145 : -12
82 : #071046 : -10
84 : #061046 : -8
86 : #050f47 : -6
88 : #050f48 : -4
90 : #040e49 : -2
92 : #030e49 : ±0
94 : #020d4a : +2
96 : #020d4b : +4
98 : #010c4c : +6
100 : #000b4d : +8
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #000105 : -14
3 : #01030f : -12
5 : #010518 : -10
7 : #010622 : -8
9 : #02082c : -6
11 : #020a36 : -4
13 : #030c40 : -2
15 : #030e49 : ±0
17 : #030f53 : +2
19 : #04115d : +4
21 : #041367 : +6
23 : #051571 : +8
25 : #05177a : +10
27 : #061984 : +12
29 : #061a8e : +14
31 : #061c98 : +16
33 : #071ea2 : +18
35 : #0720ab : +20
37 : #0822b5 : +22
39 : #0823bf : +24
41 : #0825c9 : +26
43 : #0927d3 : +28
45 : #0929dc : +30
47 : #0a2be6 : +32
49 : #0a2cf0 : +34
51 : #0f32f5 : +36
53 : #193af5 : +38
55 : #2342f6 : +40
57 : #2c4bf6 : +42
59 : #3653f7 : +44
61 : #405cf7 : +46
63 : #4a64f7 : +48
65 : #546cf8 : +50
67 : #5d75f8 : +52
69 : #677df9 : +54
71 : #7185f9 : +56
73 : #7b8ef9 : +58
75 : #8596fa : +60
77 : #8e9ffa : +62
79 : #98a7fb : +64
81 : #a2affb : +66
83 : #acb8fc : +68
85 : #b6c0fc : +70
87 : #bfc9fc : +72
89 : #c9d1fd : +74
91 : #d3d9fd : +76
93 : #dde2fe : +78
95 : #e7eafe : +80
97 : #f0f2fe : +82
99 : #fafbff : +84
CSS入門、作ってます。
text-shadow