Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

CSS

/* 1) Armonía de colores en CSS */
body {
    background-color: #3498db; /* Azul principal */
    color: #f1c40f; /* Amarillo para el texto */
}

h1 {
    color: #e74c3c; /* Rojo para los títulos */
}

p {
    color: #f1c40f; /* Amarillo para los párrafos */
}

/* 2) Identificación y corrección de errores de colores en CSS */
body {
    background-color: #000000; /* Negro */
    color: #F6F6F6; /* Color claro para visibilidad */
}

/* 3) Jugando con colores RGB en CSS */
.body-rgb {
    background-color: #FF5733; /* Naranja vibrante */
    color: #00FF00; /* Verde brillante */
}
1 respuesta

Hola Jefferson, espero que estés bien

Parece que has incluido varias secciones de código CSS en tu archivo, y cada una corresponde a una parte diferente de la actividad. Vamos a revisarlas una por una para asegurarnos de que estás en el camino correcto:

  1. Armonía de colores en CSS: Has definido un esquema de colores con un azul principal y amarillo para el texto, lo cual está bien. Sin embargo, asegúrate de que todos los elementos del sitio utilicen estos colores de manera coherente. Por ejemplo:

    body {
        background-color: #3498db; /* Azul principal */
        color: #f1c40f; /* Amarillo para el texto */
    }
    
    h1 {
        color: #e74c3c; /* Rojo para los títulos */
    }
    
    p {
        color: #f1c40f; /* Amarillo para los párrafos */
    }
    
  2. Identificación y corrección de errores de colores en CSS: Aquí has corregido el problema de visibilidad del texto cambiando el color a un tono claro, lo cual es correcto. Asegúrate de que el texto sea legible sobre el fondo negro:

    body {
        background-color: #000000; /* Negro */
        color: #F6F6F6; /* Color claro para visibilidad */
    }
    
  3. Jugando con colores RGB en CSS: Has experimentado con colores vibrantes, lo cual es excelente para entender cómo los colores interactúan. Asegúrate de que el contraste sea suficiente para la legibilidad:

    .body-rgb {
        background-color: #FF5733; /* Naranja vibrante */
        color: #00FF00; /* Verde brillante */
    }
    

Recuerda que es importante mantener una buena legibilidad y armonía en los colores que elijas para tu sitio web. Puedes usar herramientas en línea como la Rueda de Colores de Adobe para ayudarte a seleccionar combinaciones armoniosas.

Espero haber ayudado y buenos estudios!