- Armonía de colores en CSS Para crear una paleta armoniosa, podemos usar la Rueda de Colores de Adobe. Supongamos que seleccionas un color principal y dos colores secundarios complementarios:
Color principal: #3498db (un azul suave) Color secundario 1: #2ecc71 (verde esmeralda) Color secundario 2: #e74c3c (rojo coral) En tu archivo style.css, aplicarías estos colores de la siguiente manera:
css Copiar código /* style.css */
body { background-color: #3498db; /* Color principal: azul suave / color: #2ecc71; / Color secundario 1: verde esmeralda para el texto por defecto */ }
h1, h2, h3, h4, h5, h6 { color: #e74c3c; /* Color secundario 2: rojo coral para los títulos */ } 2) Identificación y corrección de errores de colores en CSS Para corregir el problema del texto invisible en el proyecto con un fondo negro y texto negro, cambia el color del texto a un color claro, como #F6F6F6:
css Copiar código /* Corrección del color en style.css */
body { background-color: #000000; /* Fondo negro / color: #F6F6F6; / Texto en un color gris claro */ } 3) Jugando con colores RGB en CSS Para experimentar con colores en formato RGB, elige dos colores. Por ejemplo:
Fondo: #FF5733 (naranja vibrante) Texto: #00FF00 (verde brillante) Aplica estos colores en el cuerpo de la página en tu archivo style.css:
css Copiar código /* style.css */
body { background-color: #FF5733; /* Fondo naranja vibrante / color: #00FF00; / Texto en verde brillante */ }