#180a22
RGB ( 赤 = 24, 緑 = 10, 青 = 34 )
HSL ( 色相 = 275°, 彩度 = 55%, 明度 = 9% )
H : 色相 ( 275° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #240c0a : -270
15 : #24110a : -260
25 : #24150a : -250
35 : #24190a : -240
45 : #241d0a : -230
55 : #24210a : -220
65 : #21240a : -210
75 : #1d240a : -200
85 : #19240a : -190
95 : #15240a : -180
105 : #11240a : -170
115 : #0c240a : -160
125 : #0a240c : -150
135 : #0a2411 : -140
145 : #0a2415 : -130
155 : #0a2419 : -120
165 : #0a241d : -110
175 : #0a2421 : -100
185 : #0a2124 : -90
195 : #0a1d24 : -80
205 : #0a1924 : -70
215 : #0a1524 : -60
225 : #0a1124 : -50
235 : #0a0c24 : -40
245 : #0c0a24 : -30
255 : #110a24 : -20
265 : #150a24 : -10
275 : #190a24 : ±0
285 : #1d0a24 : +10
295 : #210a24 : +20
305 : #240a21 : +30
315 : #240a1d : +40
325 : #240a19 : +50
335 : #240a15 : +60
345 : #240a11 : +70
355 : #240a0c : +80
265 : #150a24 : -10
266 : #150a24 : -9
267 : #160a24 : -8
268 : #160a24 : -7
269 : #170a24 : -6
270 : #170a24 : -5
271 : #170a24 : -4
272 : #180a24 : -3
273 : #180a24 : -2
274 : #190a24 : -1
275 : #190a24 : ±0
276 : #190a24 : +1
277 : #1a0a24 : +2
278 : #1a0a24 : +3
279 : #1b0a24 : +4
280 : #1b0a24 : +5
281 : #1c0a24 : +6
282 : #1c0a24 : +7
283 : #1c0a24 : +8
284 : #1d0a24 : +9
285 : #1d0a24 : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #171717 : -54
3 : #171618 : -52
5 : #171618 : -50
7 : #171519 : -48
9 : #171519 : -46
11 : #171419 : -44
13 : #17141a : -42
15 : #18141a : -40
17 : #18131b : -38
19 : #18131b : -36
21 : #18121c : -34
23 : #18121c : -32
25 : #18111d : -30
27 : #18111d : -28
29 : #18101e : -26
31 : #18101e : -24
33 : #180f1f : -22
35 : #180f1f : -20
37 : #180e1f : -18
39 : #180e20 : -16
41 : #190e20 : -14
43 : #190d21 : -12
45 : #190d21 : -10
47 : #190c22 : -8
49 : #190c22 : -6
51 : #190b23 : -4
53 : #190b23 : -2
55 : #190a24 : ±0
57 : #190a24 : +2
59 : #190924 : +4
61 : #190925 : +6
63 : #190825 : +8
65 : #190826 : +10
67 : #1a0826 : +12
69 : #1a0727 : +14
71 : #1a0727 : +16
73 : #1a0628 : +18
75 : #1a0628 : +20
77 : #1a0529 : +22
79 : #1a0529 : +24
81 : #1a042a : +26
83 : #1a042a : +28
85 : #1a032a : +30
87 : #1a032b : +32
89 : #1a032b : +34
91 : #1a022c : +36
93 : #1b022c : +38
95 : #1b012d : +40
97 : #1b012d : +42
99 : #1b002e : +44
L : 明度 ( 9% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -8
3 : #08030c : -6
5 : #0e0614 : -4
7 : #13081c : -2
9 : #190a24 : ±0
11 : #1f0d2b : +2
13 : #240f33 : +4
15 : #2a113b : +6
17 : #2f1443 : +8
19 : #35164b : +10
21 : #3a1853 : +12
23 : #401a5b : +14
25 : #461d63 : +16
27 : #4b1f6b : +18
29 : #512173 : +20
31 : #56247b : +22
33 : #5c2682 : +24
35 : #61288a : +26
37 : #672a92 : +28
39 : #6d2d9a : +30
41 : #722fa2 : +32
43 : #7831aa : +34
45 : #7d34b2 : +36
47 : #8336ba : +38
49 : #8838c2 : +40
51 : #8e3dc7 : +42
53 : #9245c9 : +44
55 : #974dcb : +46
57 : #9b55ce : +48
59 : #a05dd0 : +50
61 : #a565d2 : +52
63 : #a96dd5 : +54
65 : #ae75d7 : +56
67 : #b37dd9 : +58
69 : #b784db : +60
71 : #bc8cde : +62
73 : #c094e0 : +64
75 : #c59ce2 : +66
77 : #caa4e5 : +68
79 : #ceace7 : +70
81 : #d3b4e9 : +72
83 : #d8bceb : +74
85 : #dcc4ee : +76
87 : #e1ccf0 : +78
89 : #e6d4f2 : +80
91 : #eadbf5 : +82
93 : #efe3f7 : +84
95 : #f3ebf9 : +86
97 : #f8f3fc : +88
99 : #fdfbfe : +90
CSS入門、作ってます。
text-shadow