Código de color y paleta
Color Blanco
El blanco es el color RGB más claro y la superficie principal de muchas interfaces. Crea espacio y claridad, pero los controles situados encima siguen necesitando bordes visibles y contraste suficiente.
Formatos de color
El mismo color base en los formatos web más habituales.
Tonos
| Color | Nombre | HEX | RGB | HSL | Copiar |
|---|---|---|---|---|---|
| White 50 | #F2F2F2 | 242, 242, 242 | 0, 0%, 95% | ||
| White 100 | #D9D9D9 | 217, 217, 217 | 0, 0%, 85% | ||
| White 200 | #BFBFBF | 191, 191, 191 | 0, 0%, 75% | ||
| White 300 | #A6A6A6 | 166, 166, 166 | 0, 0%, 65% | ||
| White 400 | #8C8C8C | 140, 140, 140 | 0, 0%, 55% | ||
| White 500 | #737373 | 115, 115, 115 | 0, 0%, 45% | ||
| White 600 | #595959 | 89, 89, 89 | 0, 0%, 35% | ||
| White 700 | #404040 | 64, 64, 64 | 0, 0%, 25% | ||
| White 800 | #262626 | 38, 38, 38 | 0, 0%, 15% | ||
| White 900 | #0D0D0D | 13, 13, 13 | 0, 0%, 5% |
Contraste del texto
Estas relaciones usan la fórmula de luminancia relativa de las WCAG.
Formas de usar el Blanco
Superficies principales de páginas y tarjetas
Espacio en blanco en diseños minimalistas
Texto de alto contraste sobre fondos oscuros
Colores que combinan con Blanco
Armonías de la rueda de color creadas a partir de #FFFFFF. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.
Complementario
Abrir en la rueda de colorTonos opuestos para el máximo contraste y acentos llenos de energía.
Triádico
Abrir en la rueda de colorTres tonos equidistantes para sistemas coloridos y equilibrados.
Complementario dividido
Abrir en la rueda de colorUn color base y los dos vecinos de su complementario: contraste con menos tensión.