- Armonía de colores en CSS Primero, utilizaremos la Rueda de Colores de Adobe para crear una paleta armoniosa.
Paso 1: Selección de colores Color principal: #3498db (Azul) Color secundario 1: #2ecc71 (Verde) Color secundario 2: #e74c3c (Rojo)
/* Color principal para el fondo */
body {
background-color: #3498db;
color: #ffffff; /* Color claro para texto general */
}
/* Color secundario 1 para los títulos */
h1, h2, h3, h4, h5, h6 {
color: #2ecc71;
}
/* Color secundario 2 para los párrafos */
p {
color: #e74c3c;
}
Paso 2: Aplicación de colores en el archivo style.css ``/* Color principal para el fondo / body { background-color: #3498db; color: #ffffff; / Color claro para texto general */ }
/* Color secundario 1 para los títulos */ h1, h2, h3, h4, h5, h6 { color: #2ecc71; }
/* Color secundario 2 para los párrafos */ p { color: #e74c3c; } `
Identificación y corrección de errores de colores en CSS
body { background-color: #000000; color: #000000; /* Texto negro sobre fondo negro */ }
cambia el color del texto a un tono claro para asegurar la legibilidad.
body { background-color: #000000; /* Fondo negro / color: #F6F6F6; / Texto claro para buena visibilidad */ }
Jugando con colores RGB en CSS
``
/* Color de fondo */
body {
background-color: #FF5733;
color: #00FF00; /* Texto en verde brillante */
}