drag & drop
/* Variables de color para fácil modificación */ :root { --main-color: #01af9f; --secondary-color: GreenYellow; --bg-color-one: white; …
Enlaces a webs relacionadas con colores web que me han parecido interesantes.
Mueve los selectores para conseguir el color deseado. Se mostrará su valor (0-255) en el cuadro de texto situado a su izquierda. También puedes escribir un valor (0-255) en el cuadro de texto. En la parte inferior se muestra su color hexadecimal.
function luminancia() {
const LUMINANCIA =
0.299 * red.value + 0.587 * green.value + 0.114 * blue.value;
return LUMINANCIA;
}
para determinar el color del texto que está incluido dentro de la caja de color. Si el valor devuelto es > a 128, el texto de la caja se pinta de blanco y, en caso contrario, de negro.
/* Variables de color para fácil modificación */ :root { --main-color: #01af9f; --secondary-color: GreenYellow; --bg-color-one: white; …
select { background-color: lightgreen; } #tabla-caracteres { margin-top:1em; padding: 1em; background-color: whitesmoke; } .caracter { display: …