#18245d
RGB ( 赤 = 24, 緑 = 36, 青 = 93 )
HSL ( 色相 = 230°, 彩度 = 59%, 明度 = 23% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5d1818 : -230
10 : #5d2418 : -220
20 : #5d2f18 : -210
30 : #5d3b18 : -200
40 : #5d4618 : -190
50 : #5d5218 : -180
60 : #5d5d18 : -170
70 : #525d18 : -160
80 : #465d18 : -150
90 : #3b5d18 : -140
100 : #2f5d18 : -130
110 : #245d18 : -120
120 : #185d18 : -110
130 : #185d24 : -100
140 : #185d2f : -90
150 : #185d3b : -80
160 : #185d46 : -70
170 : #185d52 : -60
180 : #185d5d : -50
190 : #18525d : -40
200 : #18465d : -30
210 : #183b5d : -20
220 : #182f5d : -10
230 : #18245d : ±0
240 : #18185d : +10
250 : #24185d : +20
260 : #2f185d : +30
270 : #3b185d : +40
280 : #46185d : +50
290 : #52185d : +60
300 : #5d185d : +70
310 : #5d1852 : +80
320 : #5d1846 : +90
330 : #5d183b : +100
340 : #5d182f : +110
350 : #5d1824 : +120
220 : #182f5d : -10
221 : #182e5d : -9
222 : #182d5d : -8
223 : #182c5d : -7
224 : #182b5d : -6
225 : #18295d : -5
226 : #18285d : -4
227 : #18275d : -3
228 : #18265d : -2
229 : #18255d : -1
230 : #18245d : ±0
231 : #18225d : +1
232 : #18215d : +2
233 : #18205d : +3
234 : #181f5d : +4
235 : #181e5d : +5
236 : #181d5d : +6
237 : #181c5d : +7
238 : #181a5d : +8
239 : #18195d : +9
240 : #18185d : +10
S : 彩度 ( 59% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3a3a3b : -58
3 : #39393c : -56
5 : #38393e : -54
7 : #37383f : -52
9 : #353740 : -50
11 : #343641 : -48
13 : #333642 : -46
15 : #323543 : -44
17 : #313445 : -42
19 : #303346 : -40
21 : #2e3247 : -38
23 : #2d3248 : -36
25 : #2c3149 : -34
27 : #2b304a : -32
29 : #2a2f4c : -30
31 : #282f4d : -28
33 : #272e4e : -26
35 : #262d4f : -24
37 : #252c50 : -22
39 : #242b52 : -20
41 : #232b53 : -18
43 : #212a54 : -16
45 : #202955 : -14
47 : #1f2856 : -12
49 : #1e2757 : -10
51 : #1d2759 : -8
53 : #1c265a : -6
55 : #1a255b : -4
57 : #19245c : -2
59 : #18245d : ±0
61 : #17235e : +2
63 : #162260 : +4
65 : #152161 : +6
67 : #132062 : +8
69 : #122063 : +10
71 : #111f64 : +12
73 : #101e65 : +14
75 : #0f1d67 : +16
77 : #0d1d68 : +18
79 : #0c1c69 : +20
81 : #0b1b6a : +22
83 : #0a1a6b : +24
85 : #09196d : +26
87 : #08196e : +28
89 : #06186f : +30
91 : #051770 : +32
93 : #041671 : +34
95 : #031672 : +36
97 : #021574 : +38
99 : #011475 : +40
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -22
3 : #03050c : -20
5 : #050814 : -18
7 : #070b1c : -16
9 : #090e24 : -14
11 : #0c112d : -12
13 : #0e1435 : -10
15 : #10173d : -8
17 : #121a45 : -6
19 : #141d4d : -4
21 : #162055 : -2
23 : #18245d : ±0
25 : #1a2765 : +2
27 : #1c2a6d : +4
29 : #1e2d76 : +6
31 : #20307e : +8
33 : #233386 : +10
35 : #25368e : +12
37 : #273996 : +14
39 : #293c9e : +16
41 : #2b3fa6 : +18
43 : #2d43ae : +20
45 : #2f46b6 : +22
47 : #3149bf : +24
49 : #334cc7 : +26
51 : #3851cc : +28
53 : #4058ce : +30
55 : #495fd0 : +32
57 : #5166d2 : +34
59 : #596dd4 : +36
61 : #6174d6 : +38
63 : #697cd8 : +40
65 : #7183da : +42
67 : #798adc : +44
69 : #8191df : +46
71 : #8998e1 : +48
73 : #929fe3 : +50
75 : #9aa6e5 : +52
77 : #a2ade7 : +54
79 : #aab4e9 : +56
81 : #b2bbeb : +58
83 : #bac3ed : +60
85 : #c2caef : +62
87 : #cad1f1 : +64
89 : #d2d8f3 : +66
91 : #dbdff6 : +68
93 : #e3e6f8 : +70
95 : #ebedfa : +72
97 : #f3f4fc : +74
99 : #fbfbfe : +76
CSS入門、作ってます。
text-shadow