#180c20
RGB ( 赤 = 24, 緑 = 12, 青 = 32 )
HSL ( 色相 = 276°, 彩度 = 45%, 明度 = 9% )
H : 色相 ( 276° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #210f0d : -270
16 : #21120d : -260
26 : #21160d : -250
36 : #21190d : -240
46 : #211c0d : -230
56 : #21200d : -220
66 : #1f210d : -210
76 : #1c210d : -200
86 : #18210d : -190
96 : #15210d : -180
106 : #11210d : -170
116 : #0e210d : -160
126 : #0d210f : -150
136 : #0d2112 : -140
146 : #0d2116 : -130
156 : #0d2119 : -120
166 : #0d211c : -110
176 : #0d2120 : -100
186 : #0d1f21 : -90
196 : #0d1c21 : -80
206 : #0d1821 : -70
216 : #0d1521 : -60
226 : #0d1121 : -50
236 : #0d0e21 : -40
246 : #0f0d21 : -30
256 : #120d21 : -20
266 : #160d21 : -10
276 : #190d21 : ±0
286 : #1c0d21 : +10
296 : #200d21 : +20
306 : #210d1f : +30
316 : #210d1c : +40
326 : #210d18 : +50
336 : #210d15 : +60
346 : #210d11 : +70
356 : #210d0e : +80
266 : #160d21 : -10
267 : #160d21 : -9
268 : #160d21 : -8
269 : #170d21 : -7
270 : #170d21 : -6
271 : #170d21 : -5
272 : #180d21 : -4
273 : #180d21 : -3
274 : #180d21 : -2
275 : #190d21 : -1
276 : #190d21 : ±0
277 : #190d21 : +1
278 : #1a0d21 : +2
279 : #1a0d21 : +3
280 : #1a0d21 : +4
281 : #1b0d21 : +5
282 : #1b0d21 : +6
283 : #1b0d21 : +7
284 : #1c0d21 : +8
285 : #1c0d21 : +9
286 : #1c0d21 : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #171717 : -44
3 : #171618 : -42
5 : #171618 : -40
7 : #171519 : -38
9 : #171519 : -36
11 : #171419 : -34
13 : #18141a : -32
15 : #18141a : -30
17 : #18131b : -28
19 : #18131b : -26
21 : #18121c : -24
23 : #18121c : -22
25 : #18111d : -20
27 : #18111d : -18
29 : #18101e : -16
31 : #18101e : -14
33 : #180f1f : -12
35 : #190f1f : -10
37 : #190e1f : -8
39 : #190e20 : -6
41 : #190e20 : -4
43 : #190d21 : -2
45 : #190d21 : ±0
47 : #190c22 : +2
49 : #190c22 : +4
51 : #190b23 : +6
53 : #190b23 : +8
55 : #190a24 : +10
57 : #1a0a24 : +12
59 : #1a0924 : +14
61 : #1a0925 : +16
63 : #1a0825 : +18
65 : #1a0826 : +20
67 : #1a0826 : +22
69 : #1a0727 : +24
71 : #1a0727 : +26
73 : #1a0628 : +28
75 : #1a0628 : +30
77 : #1a0529 : +32
79 : #1b0529 : +34
81 : #1b042a : +36
83 : #1b042a : +38
85 : #1b032a : +40
87 : #1b032b : +42
89 : #1b032b : +44
91 : #1b022c : +46
93 : #1b022c : +48
95 : #1b012d : +50
97 : #1b012d : +52
99 : #1b002e : +54
L : 明度 ( 9% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -8
3 : #08040b : -6
5 : #0e0712 : -4
7 : #130a1a : -2
9 : #190d21 : ±0
11 : #1f0f29 : +2
13 : #241230 : +4
15 : #2a1537 : +6
17 : #2f183f : +8
19 : #351b46 : +10
21 : #3a1d4e : +12
23 : #402055 : +14
25 : #45235c : +16
27 : #4b2664 : +18
29 : #51296b : +20
31 : #562b73 : +22
33 : #5c2e7a : +24
35 : #613181 : +26
37 : #673489 : +28
39 : #6c3790 : +30
41 : #723a98 : +32
43 : #783c9f : +34
45 : #7d3fa6 : +36
47 : #8342ae : +38
49 : #8845b5 : +40
51 : #8d4aba : +42
53 : #9251bd : +44
55 : #9759c0 : +46
57 : #9b60c3 : +48
59 : #a067c5 : +50
61 : #a56fc8 : +52
63 : #a976cb : +54
65 : #ae7ece : +56
67 : #b285d1 : +58
69 : #b78cd4 : +60
71 : #bc94d6 : +62
73 : #c09bd9 : +64
75 : #c5a3dc : +66
77 : #caaadf : +68
79 : #ceb1e2 : +70
81 : #d3b9e4 : +72
83 : #d8c0e7 : +74
85 : #dcc8ea : +76
87 : #e1cfed : +78
89 : #e5d6f0 : +80
91 : #eadef2 : +82
93 : #efe5f5 : +84
95 : #f3edf8 : +86
97 : #f8f4fb : +88
99 : #fdfbfe : +90
CSS入門、作ってます。
text-shadow