Ir al selector de color

Generador de paletas de colores

Pulsa Espacio para una paleta nueva. Bloquea los colores que te gusten y el resto se adapta a ellos.

Ideas de paletas de colores
Estilo
  1. 0F172AApagado tono muy oscuro de azul
  2. 1E40AFSuave tono oscuro de azul
  3. 60A5FAIntenso tono claro de azul
  4. FDE68ADelicado tono muy claro de amarillo
  5. F97316Intenso tono claro de naranja

Espacio para una paleta nueva, Ctrl+Z para deshacer, clic en un color para editarlo.

Exportar

Exportar
Valores
:root {
    --midnight-blue: oklch(20.768% 0.03982 265.755);
    --cobalt: oklch(42.445% 0.18087 265.638);
    --azure: oklch(71.374% 0.14338 254.624);
    --khaki: oklch(92.428% 0.11513 95.746);
    --pumpkin: oklch(70.487% 0.18672 47.604);
}

Revisiones

Pares de texto legibles

  • Aa14,3:1
  • Aa7,0:1
  • Aa7,0:1
  • Aa6,4:1

Pares que se confunden para personas daltónicas: 1

Abrir en el simulador

Colores de esta paleta

NombreHEXRGBOKLCH
Apagado tono muy oscuro de azul#0f172argb(15 23 42)oklch(20.768% 0.03982 265.755)
Suave tono oscuro de azul#1e40afrgb(30 64 175)oklch(42.445% 0.18087 265.638)
Intenso tono claro de azul#60a5fargb(96 165 250)oklch(71.374% 0.14338 254.624)
Delicado tono muy claro de amarillo#fde68argb(253 230 138)oklch(92.428% 0.11513 95.746)
Intenso tono claro de naranja#f97316rgb(249 115 22)oklch(70.487% 0.18672 47.604)