#1d305d
RGB ( 赤 = 29, 緑 = 48, 青 = 93 )
HSL ( 色相 = 222°, 彩度 = 52%, 明度 = 24% )
H : 色相 ( 222° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #5d1f1d : -220
12 : #5d2a1d : -210
22 : #5d351d : -200
32 : #5d3f1d : -190
42 : #5d4a1d : -180
52 : #5d551d : -170
62 : #5b5d1d : -160
72 : #505d1d : -150
82 : #465d1d : -140
92 : #3b5d1d : -130
102 : #305d1d : -120
112 : #265d1d : -110
122 : #1d5d1f : -100
132 : #1d5d2a : -90
142 : #1d5d35 : -80
152 : #1d5d3f : -70
162 : #1d5d4a : -60
172 : #1d5d55 : -50
182 : #1d5b5d : -40
192 : #1d505d : -30
202 : #1d465d : -20
212 : #1d3b5d : -10
222 : #1d305d : ±0
232 : #1d265d : +10
242 : #1f1d5d : +20
252 : #2a1d5d : +30
262 : #351d5d : +40
272 : #3f1d5d : +50
282 : #4a1d5d : +60
292 : #551d5d : +70
302 : #5d1d5b : +80
312 : #5d1d50 : +90
322 : #5d1d46 : +100
332 : #5d1d3b : +110
342 : #5d1d30 : +120
352 : #5d1d26 : +130
212 : #1d3b5d : -10
213 : #1d3a5d : -9
214 : #1d395d : -8
215 : #1d385d : -7
216 : #1d375d : -6
217 : #1d365d : -5
218 : #1d355d : -4
219 : #1d345d : -3
220 : #1d335d : -2
221 : #1d325d : -1
222 : #1d305d : ±0
223 : #1d2f5d : +1
224 : #1d2e5d : +2
225 : #1d2d5d : +3
226 : #1d2c5d : +4
227 : #1d2b5d : +5
228 : #1d2a5d : +6
229 : #1d295d : +7
230 : #1d285d : +8
231 : #1d275d : +9
232 : #1d265d : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -52
2 : #3c3d3e : -50
4 : #3b3c40 : -48
6 : #3a3c41 : -46
8 : #383b42 : -44
10 : #373b43 : -42
12 : #363a45 : -40
14 : #353a46 : -38
16 : #333947 : -36
18 : #323948 : -34
20 : #313849 : -32
22 : #30384b : -30
24 : #2f374c : -28
26 : #2d374d : -26
28 : #2c364e : -24
30 : #2b3650 : -22
32 : #2a3551 : -20
34 : #283552 : -18
36 : #273453 : -16
38 : #263454 : -14
40 : #253356 : -12
42 : #233357 : -10
44 : #223258 : -8
46 : #213259 : -6
48 : #20315b : -4
50 : #1f315c : -2
52 : #1d305d : ±0
54 : #1c305e : +2
56 : #1b2f5f : +4
58 : #1a2f61 : +6
60 : #182f62 : +8
62 : #172e63 : +10
64 : #162e64 : +12
66 : #152d66 : +14
68 : #142d67 : +16
70 : #122c68 : +18
72 : #112c69 : +20
74 : #102b6a : +22
76 : #0f2b6c : +24
78 : #0d2a6d : +26
80 : #0c2a6e : +28
82 : #0b296f : +30
84 : #0a2971 : +32
86 : #092872 : +34
88 : #072873 : +36
90 : #062774 : +38
92 : #052776 : +40
94 : #042677 : +42
96 : #022678 : +44
98 : #012579 : +46
100 : #00257a : +48
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #020408 : -22
4 : #050810 : -20
6 : #070c17 : -18
8 : #0a101f : -16
10 : #0c1427 : -14
12 : #0f182f : -12
14 : #111c36 : -10
16 : #14203e : -8
18 : #162446 : -6
20 : #18284e : -4
22 : #1b2c55 : -2
24 : #1d305d : ±0
26 : #203565 : +2
28 : #22396d : +4
30 : #253d74 : +6
32 : #27417c : +8
34 : #2a4584 : +10
36 : #2c498c : +12
38 : #2f4d93 : +14
40 : #31519b : +16
42 : #3355a3 : +18
44 : #3659ab : +20
46 : #385db2 : +22
48 : #3b61ba : +24
50 : #3d65c2 : +26
52 : #456bc4 : +28
54 : #4d71c7 : +30
56 : #5477c9 : +32
58 : #5c7ecc : +34
60 : #6484ce : +36
62 : #6c8ad0 : +38
64 : #7390d3 : +40
66 : #7b96d5 : +42
68 : #839cd8 : +44
70 : #8ba3da : +46
72 : #92a9dd : +48
74 : #9aafdf : +50
76 : #a2b5e2 : +52
78 : #aabbe4 : +54
80 : #b1c1e7 : +56
82 : #b9c8e9 : +58
84 : #c1ceeb : +60
86 : #c9d4ee : +62
88 : #d0daf0 : +64
90 : #d8e0f3 : +66
92 : #e0e6f5 : +68
94 : #e8edf8 : +70
96 : #eff3fa : +72
98 : #f7f9fd : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow