#030f1b
RGB ( 赤 = 3, 緑 = 15, 青 = 27 )
HSL ( 色相 = 210°, 彩度 = 80%, 明度 = 6% )
H : 色相 ( 210° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #1c0303 : -210
10 : #1c0703 : -200
20 : #1c0b03 : -190
30 : #1c0f03 : -180
40 : #1c1303 : -170
50 : #1c1703 : -160
60 : #1c1c03 : -150
70 : #171c03 : -140
80 : #131c03 : -130
90 : #0f1c03 : -120
100 : #0b1c03 : -110
110 : #071c03 : -100
120 : #031c03 : -90
130 : #031c07 : -80
140 : #031c0b : -70
150 : #031c0f : -60
160 : #031c13 : -50
170 : #031c17 : -40
180 : #031c1c : -30
190 : #03171c : -20
200 : #03131c : -10
210 : #030f1c : ±0
220 : #030b1c : +10
230 : #03071c : +20
240 : #03031c : +30
250 : #07031c : +40
260 : #0b031c : +50
270 : #0f031c : +60
280 : #13031c : +70
290 : #17031c : +80
300 : #1c031c : +90
310 : #1c0317 : +100
320 : #1c0313 : +110
330 : #1c030f : +120
340 : #1c030b : +130
350 : #1c0307 : +140
200 : #03131c : -10
201 : #03131c : -9
202 : #03131c : -8
203 : #03121c : -7
204 : #03121c : -6
205 : #03111c : -5
206 : #03111c : -4
207 : #03111c : -3
208 : #03101c : -2
209 : #03101c : -1
210 : #030f1c : ±0
211 : #030f1c : +1
212 : #030e1c : +2
213 : #030e1c : +3
214 : #030e1c : +4
215 : #030d1c : +5
216 : #030d1c : +6
217 : #030c1c : +7
218 : #030c1c : +8
219 : #030c1c : +9
220 : #030b1c : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #0f0f0f : -80
2 : #0f0f10 : -78
4 : #0f0f10 : -76
6 : #0e0f10 : -74
8 : #0e0f11 : -72
10 : #0e0f11 : -70
12 : #0d0f11 : -68
14 : #0d0f11 : -66
16 : #0d0f12 : -64
18 : #0d0f12 : -62
20 : #0c0f12 : -60
22 : #0c0f13 : -58
24 : #0c0f13 : -56
26 : #0b0f13 : -54
28 : #0b0f14 : -52
30 : #0b0f14 : -50
32 : #0a0f14 : -48
34 : #0a0f15 : -46
36 : #0a0f15 : -44
38 : #090f15 : -42
40 : #090f15 : -40
42 : #090f16 : -38
44 : #090f16 : -36
46 : #080f16 : -34
48 : #080f17 : -32
50 : #080f17 : -30
52 : #070f17 : -28
54 : #070f18 : -26
56 : #070f18 : -24
58 : #060f18 : -22
60 : #060f18 : -20
62 : #060f19 : -18
64 : #060f19 : -16
66 : #050f19 : -14
68 : #050f1a : -12
70 : #050f1a : -10
72 : #040f1a : -8
74 : #040f1b : -6
76 : #040f1b : -4
78 : #030f1b : -2
80 : #030f1c : ±0
82 : #030f1c : +2
84 : #020f1c : +4
86 : #020f1c : +6
88 : #020f1d : +8
90 : #020f1d : +10
92 : #010f1d : +12
94 : #010f1e : +14
96 : #010f1e : +16
98 : #000f1e : +18
100 : #000f1f : +20
L : 明度 ( 6% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -6
2 : #010509 : -4
4 : #020a12 : -2
6 : #030f1c : ±0
8 : #041425 : +2
10 : #051a2e : +4
12 : #061f37 : +6
14 : #072440 : +8
16 : #082949 : +10
18 : #092e53 : +12
20 : #0a335c : +14
22 : #0b3865 : +16
24 : #0c3d6e : +18
26 : #0d4277 : +20
28 : #0e4781 : +22
30 : #0f4d8a : +24
32 : #105293 : +26
34 : #11579c : +28
36 : #125ca5 : +30
38 : #1361ae : +32
40 : #1466b8 : +34
42 : #156bc1 : +36
44 : #1670ca : +38
46 : #1775d3 : +40
48 : #187adc : +42
50 : #1a80e6 : +44
52 : #2385e7 : +46
54 : #2c8ae8 : +48
56 : #358fe9 : +50
58 : #3e94ea : +52
60 : #4799eb : +54
62 : #519eec : +56
64 : #5aa3ed : +58
66 : #63a8ee : +60
68 : #6cadef : +62
70 : #75b3f0 : +64
72 : #7eb8f1 : +66
74 : #88bdf2 : +68
76 : #91c2f3 : +70
78 : #9ac7f4 : +72
80 : #a3ccf5 : +74
82 : #acd1f6 : +76
84 : #b6d6f7 : +78
86 : #bfdbf8 : +80
88 : #c8e0f9 : +82
90 : #d1e6fa : +84
92 : #daebfb : +86
94 : #e3f0fc : +88
96 : #edf5fd : +90
98 : #f6fafe : +92
100 : #ffffff : +94
CSS入門、作ってます。
text-shadow