Exemplo de Cores

Para entender esse exercício, olhe bem atentamente o código fonte do arquivo.

Exemplo de Cores em Nome

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Saepe neque deleniti natus veritatis delectus cupiditate sint repellat aliquid alias ea aut eum, voluptate reprehenderit debitis a nemo asperiores numquam nulla. Lorem ipsum dolor sit amet consectetur adipisicing elit. Et consequatur quae molestias animi aspernatur rem aliquid, excepturi iure ad laborum officia, exercitationem voluptatibus. Ad atque deserunt nesciunt, fugit hic molestiae.

Exemplo de Cores em Hexadecimal

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Saepe neque deleniti natus veritatis delectus cupiditate sint repellat aliquid alias ea aut eum, voluptate reprehenderit debitis a nemo asperiores numquam nulla. Lorem ipsum dolor sit amet consectetur adipisicing elit. Et consequatur quae molestias animi aspernatur rem aliquid, excepturi iure ad laborum officia, exercitationem voluptatibus. Ad atque deserunt nesciunt, fugit hic molestiae.

Exemplo de Cores em RGB

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Saepe neque deleniti natus veritatis delectus cupiditate sint repellat aliquid alias ea aut eum, voluptate reprehenderit debitis a nemo asperiores numquam nulla. Lorem ipsum dolor sit amet consectetur adipisicing elit. Et consequatur quae molestias animi aspernatur rem aliquid, excepturi iure ad laborum officia, exercitationem voluptatibus. Ad atque deserunt nesciunt, fugit hic molestiae.

Exemplo de Cores HSL

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Saepe neque deleniti natus veritatis delectus cupiditate sint repellat aliquid alias ea aut eum, voluptate reprehenderit debitis a nemo asperiores numquam nulla. Lorem ipsum dolor sit amet consectetur adipisicing elit. Et consequatur quae molestias animi aspernatur rem aliquid, excepturi iure ad laborum officia, exercitationem voluptatibus. Ad atque deserunt nesciunt, fugit hic molestiae.

As cores resultantes são exatamente as mesmas, mas o formato de representação muda conforme o padrão escolhido.

Também é possível usar transparência, usando o formato RGBA (red, green, blue, alpha)

Nesse título, o fundo azul teve sua transparência configurada para 50%

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Saepe neque deleniti natus veritatis delectus cupiditate sint repellat aliquid alias ea aut eum, voluptate reprehenderit debitis a nemo asperiores numquam nulla. Lorem ipsum dolor sit amet consectetur adipisicing elit. Et consequatur quae molestias animi aspernatur rem aliquid, excepturi iure ad laborum officia, exercitationem voluptatibus. Ad atque deserunt nesciunt, fugit hic molestiae.