#22042a
RGB ( 赤 = 34, 緑 = 4, 青 = 42 )
HSL ( 色相 = 287°, 彩度 = 83%, 明度 = 9% )
H : 色相 ( 287° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #2a0804 : -280
17 : #2a0f04 : -270
27 : #2a1504 : -260
37 : #2a1b04 : -250
47 : #2a2204 : -240
57 : #2a2804 : -230
67 : #262a04 : -220
77 : #1f2a04 : -210
87 : #192a04 : -200
97 : #132a04 : -190
107 : #0c2a04 : -180
117 : #062a04 : -170
127 : #042a08 : -160
137 : #042a0f : -150
147 : #042a15 : -140
157 : #042a1b : -130
167 : #042a22 : -120
177 : #042a28 : -110
187 : #04262a : -100
197 : #041f2a : -90
207 : #04192a : -80
217 : #04132a : -70
227 : #040c2a : -60
237 : #04062a : -50
247 : #08042a : -40
257 : #0f042a : -30
267 : #15042a : -20
277 : #1b042a : -10
287 : #22042a : ±0
297 : #28042a : +10
307 : #2a0426 : +20
317 : #2a041f : +30
327 : #2a0419 : +40
337 : #2a0413 : +50
347 : #2a040c : +60
357 : #2a0406 : +70
277 : #1b042a : -10
278 : #1c042a : -9
279 : #1d042a : -8
280 : #1d042a : -7
281 : #1e042a : -6
282 : #1f042a : -5
283 : #1f042a : -4
284 : #20042a : -3
285 : #20042a : -2
286 : #21042a : -1
287 : #22042a : ±0
288 : #22042a : +1
289 : #23042a : +2
290 : #24042a : +3
291 : #24042a : +4
292 : #25042a : +5
293 : #26042a : +6
294 : #26042a : +7
295 : #27042a : +8
296 : #27042a : +9
297 : #28042a : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #171717 : -82
3 : #171618 : -80
5 : #181618 : -78
7 : #181519 : -76
9 : #181519 : -74
11 : #181419 : -72
13 : #19141a : -70
15 : #19141a : -68
17 : #19131b : -66
19 : #19131b : -64
21 : #1a121c : -62
23 : #1a121c : -60
25 : #1a111d : -58
27 : #1a111d : -56
29 : #1b101e : -54
31 : #1b101e : -52
33 : #1b0f1f : -50
35 : #1c0f1f : -48
37 : #1c0e1f : -46
39 : #1c0e20 : -44
41 : #1c0e20 : -42
43 : #1d0d21 : -40
45 : #1d0d21 : -38
47 : #1d0c22 : -36
49 : #1d0c22 : -34
51 : #1e0b23 : -32
53 : #1e0b23 : -30
55 : #1e0a24 : -28
57 : #1e0a24 : -26
59 : #1f0924 : -24
61 : #1f0925 : -22
63 : #1f0825 : -20
65 : #1f0826 : -18
67 : #200826 : -16
69 : #200727 : -14
71 : #200727 : -12
73 : #200628 : -10
75 : #210628 : -8
77 : #210529 : -6
79 : #210529 : -4
81 : #21042a : -2
83 : #22042a : ±0
85 : #22032a : +2
87 : #22032b : +4
89 : #23032b : +6
91 : #23022c : +8
93 : #23022c : +10
95 : #23012d : +12
97 : #24012d : +14
99 : #24002e : +16
L : 明度 ( 9% )
(0%) 暗い ~ 明るい (100%)
1 : #040005 : -8
3 : #0b010e : -6
5 : #130217 : -4
7 : #1a0321 : -2
9 : #22042a : ±0
11 : #290533 : +2
13 : #31063d : +4
15 : #380746 : +6
17 : #40074f : +8
19 : #470859 : +10
21 : #4f0962 : +12
23 : #560a6b : +14
25 : #5e0b75 : +16
27 : #650c7e : +18
29 : #6d0d87 : +20
31 : #740d91 : +22
33 : #7c0e9a : +24
35 : #830fa3 : +26
37 : #8b10ad : +28
39 : #9211b6 : +30
41 : #9a12bf : +32
43 : #a113c9 : +34
45 : #a914d2 : +36
47 : #b014db : +38
49 : #b815e5 : +40
51 : #bd1aea : +42
53 : #c024eb : +44
55 : #c22deb : +46
57 : #c536ec : +48
59 : #c840ed : +50
61 : #ca49ee : +52
63 : #cd52ef : +54
65 : #d05cf0 : +56
67 : #d265f1 : +58
69 : #d56ef2 : +60
71 : #d878f2 : +62
73 : #db81f3 : +64
75 : #dd8af4 : +66
77 : #e094f5 : +68
79 : #e39df6 : +70
81 : #e5a6f7 : +72
83 : #e8b0f8 : +74
85 : #ebb9f8 : +76
87 : #edc2f9 : +78
89 : #f0ccfa : +80
91 : #f3d5fb : +82
93 : #f6defc : +84
95 : #f8e8fd : +86
97 : #fbf1fe : +88
99 : #fefaff : +90
CSS入門、作ってます。
text-shadow