Colours and backgrounds · Colores y fondos
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Esta página necesita un navegador reciente (con soporte para SharedArrayBuffer). Por favor, actualiza Chrome, Edge, Firefox o Safari a la última versión.
English
Colours
- You can name a colour:
red,blue,green,tomato,gold, and many more. - Or use a hex code like
#2a7ae2— a#followed by six letters/numbers. - Names are easy to remember; hex codes give you millions of exact colours.
Español
Colores
- Puedes nombrar un color:
red,blue,green,tomato,goldy muchos más. - O usa un código hexadecimal como
#2a7ae2— un#seguido de seis letras o números. - Los nombres son fáciles de recordar; los códigos hexadecimales te ofrecen millones de colores exactos.
English
Backgrounds
colorchanges the text colour.background-colorchanges the colour behind an element.- Put
background-coloronbodyto colour the whole page.
Español
Fondos
colorcambia el color del texto.background-colorcambia el color detrás de un elemento.- Coloca
background-colorenbodypara colorear toda la página.
<style>
body { background-color: #f3f4f6; }
h1 { color: tomato; }
</style>
<h1>Hello!</h1>
<p>A page with a soft grey background.</p>
English
Common mistakes
colorsets the text;background-colorsets the background.- A colour is a name, a
#rrggbbcode, orrgb(...).
Español
Errores comunes
colorestablece el texto;background-colorestablece el fondo.- Un color es un nombre, un código
#rrggbborgb(...).
English
Now you try
coloris the text;background-coloris behind it.- Colour the page background, then use a hex colour on the heading.
Español
Ahora tú intentas
colores el texto;background-colorestá detrás de él.- Colorea el fondo de la página, luego usa un color hexadecimal en el encabezado.
Give the whole page a soft background. Add body { background-color: lightyellow; }. · Aplica un fondo suave a toda la página. Añade body { background-color: lightyellow; }.
Colour the heading with a hex code. Add h1 { color: #2a7ae2; } (that's a blue). · Colorea el encabezado con un código hexadecimal. Añade h1 { color: #2a7ae2; } (es un azul).