Registrarse Registrarse
RAINBOWPOP12

RAINBOWPOP12

Paleta de 12 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

RAINBOWPOP12

Paleta de 12 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Editar
Colores vibrantes 12 colores Colores neutros Tonos mixtos Armonía complementaria bright candy rainbow sweet
Me gusta 18
Colores 12

Variables CSS

:root {
  --c-vibrant-1: #BF0F44;
  --c-vibrant-2: #E0690D;
  --c-vibrant-3: #F2F20A;
  --c-vibrant-4: #FDFFE0;
  --c-vibrant-5: #8BE615;
  --c-vibrant-6: #08BD59;
  --c-vibrant-7: #00D1D1;
  --c-vibrant-8: #0075CF;
  --c-vibrant-9: #3C1FAD;
  --c-vibrant-10: #310340;
  --c-vibrant-11: #8B2299;
  --c-vibrant-12: #D44696;
}

Sobre esta paleta

Esta paleta de 12 colores vibrantes va de Ceramite White (#FDFFE0), su tono más claro, a Dark Violet (#310340), el más oscuro. Combina Red Jalapeño, Tiger Moth Orange, Huáng Sè Yellow, Ceramite White, Poisonous Pistachio, Pistou Green, Jade Glass, Wizard Blue, Indigo Blue, Dark Violet, Passionate Purple y Kirby en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 16 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #FDFFE0 sobre #310340, con 16,88:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Red Jalapeño #BF0F44
RGB
rgb(191, 15, 68)
HSL
hsl(342, 85%, 40%)
Luminancia
0,118
Tiger Moth Orange #E0690D
RGB
rgb(224, 105, 13)
HSL
hsl(26, 89%, 46%)
Luminancia
0,260
Huáng Sè Yellow #F2F20A
RGB
rgb(242, 242, 10)
HSL
hsl(60, 92%, 49%)
Luminancia
0,824
Ceramite White #FDFFE0
RGB
rgb(253, 255, 224)
HSL
hsl(64, 100%, 94%)
Luminancia
0,978
Poisonous Pistachio #8BE615
RGB
rgb(139, 230, 21)
HSL
hsl(86, 83%, 49%)
Luminancia
0,621
Pistou Green #08BD59
RGB
rgb(8, 189, 89)
HSL
hsl(147, 92%, 39%)
Luminancia
0,372
Jade Glass #00D1D1
RGB
rgb(0, 209, 209)
HSL
hsl(180, 100%, 41%)
Luminancia
0,502
Wizard Blue #0075CF
RGB
rgb(0, 117, 207)
HSL
hsl(206, 100%, 41%)
Luminancia
0,172
Indigo Blue #3C1FAD
RGB
rgb(60, 31, 173)
HSL
hsl(252, 70%, 40%)
Luminancia
0,050
Dark Violet #310340
RGB
rgb(49, 3, 64)
HSL
hsl(285, 91%, 13%)
Luminancia
0,011
Passionate Purple #8B2299
RGB
rgb(139, 34, 153)
HSL
hsl(293, 64%, 37%)
Luminancia
0,089
Kirby #D44696
RGB
rgb(212, 70, 150)
HSL
hsl(326, 62%, 55%)
Luminancia
0,206

Contraste y accesibilidad

Combinaciones de colores en la paleta: 66. De ellas, 16 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

Aa #FDFFE0 sobre #310340 16,88:1 AAA
Aa #F2F20A sobre #310340 14,36:1 AAA
Aa #8BE615 sobre #310340 11,03:1 AAA
Aa #FDFFE0 sobre #3C1FAD 10,32:1 AAA
Aa #00D1D1 sobre #310340 9,07:1 AAA
Aa #F2F20A sobre #3C1FAD 8,78:1 AAA
Aa #FDFFE0 sobre #8B2299 7,38:1 AAA
Aa #08BD59 sobre #310340 6,93:1 AA
Aa #8BE615 sobre #3C1FAD 6,74:1 AA
Aa #F2F20A sobre #8B2299 6,27:1 AA
Aa #BF0F44 sobre #FDFFE0 6,11:1 AA
Aa #00D1D1 sobre #3C1FAD 5,54:1 AA
Aa #BF0F44 sobre #F2F20A 5,19:1 AA
Aa #E0690D sobre #310340 5,09:1 AA
Aa #8BE615 sobre #8B2299 4,82:1 AA
Aa #FDFFE0 sobre #0075CF 4,62:1 AA
Aa #08BD59 sobre #3C1FAD 4,23:1 AA, texto grande
Aa #310340 sobre #D44696 4,20:1 AA, texto grande
Aa #FDFFE0 sobre #D44696 4,02:1 AA, texto grande
Aa #BF0F44 sobre #8BE615 3,99:1 AA, texto grande
Aa #00D1D1 sobre #8B2299 3,96:1 AA, texto grande
Aa #F2F20A sobre #0075CF 3,93:1 AA, texto grande
Aa #0075CF sobre #310340 3,65:1 AA, texto grande
Aa #F2F20A sobre #D44696 3,42:1 AA, texto grande
Aa #E0690D sobre #FDFFE0 3,32:1 AA, texto grande
Aa #BF0F44 sobre #00D1D1 3,28:1 AA, texto grande
Aa #E0690D sobre #3C1FAD 3,11:1 AA, texto grande
Aa #08BD59 sobre #8B2299 3,03:1 AA, texto grande
Aa #8BE615 sobre #0075CF 3,02:1 AA, texto grande
Aa #E0690D sobre #F2F20A 2,82:1 No aprobado
Aa #BF0F44 sobre #310340 2,77:1 No aprobado
Aa #8BE615 sobre #D44696 2,62:1 No aprobado
Aa #3C1FAD sobre #D44696 2,57:1 No aprobado
Aa #BF0F44 sobre #08BD59 2,50:1 No aprobado
Aa #00D1D1 sobre #0075CF 2,48:1 No aprobado
Aa #FDFFE0 sobre #08BD59 2,44:1 No aprobado
Aa #310340 sobre #8B2299 2,29:1 No aprobado
Aa #0075CF sobre #3C1FAD 2,23:1 No aprobado
Aa #E0690D sobre #8B2299 2,22:1 No aprobado
Aa #E0690D sobre #8BE615 2,17:1 No aprobado
Aa #00D1D1 sobre #D44696 2,16:1 No aprobado
Aa #F2F20A sobre #08BD59 2,07:1 No aprobado
Aa #08BD59 sobre #0075CF 1,90:1 No aprobado
Aa #FDFFE0 sobre #00D1D1 1,86:1 No aprobado
Aa #BF0F44 sobre #E0690D 1,84:1 No aprobado
Aa #8B2299 sobre #D44696 1,84:1 No aprobado
Aa #E0690D sobre #00D1D1 1,78:1 No aprobado
Aa #BF0F44 sobre #3C1FAD 1,69:1 No aprobado
Aa #08BD59 sobre #D44696 1,65:1 No aprobado
Aa #3C1FAD sobre #310340 1,64:1 No aprobado
Aa #0075CF sobre #8B2299 1,60:1 No aprobado
Aa #8BE615 sobre #08BD59 1,59:1 No aprobado
Aa #F2F20A sobre #00D1D1 1,58:1 No aprobado
Aa #FDFFE0 sobre #8BE615 1,53:1 No aprobado
Aa #BF0F44 sobre #D44696 1,52:1 No aprobado
Aa #3C1FAD sobre #8B2299 1,40:1 No aprobado
Aa #E0690D sobre #0075CF 1,39:1 No aprobado
Aa #E0690D sobre #08BD59 1,36:1 No aprobado
Aa #BF0F44 sobre #0075CF 1,32:1 No aprobado
Aa #08BD59 sobre #00D1D1 1,31:1 No aprobado
Aa #F2F20A sobre #8BE615 1,30:1 No aprobado
Aa #8BE615 sobre #00D1D1 1,22:1 No aprobado
Aa #BF0F44 sobre #8B2299 1,21:1 No aprobado
Aa #E0690D sobre #D44696 1,21:1 No aprobado
Aa #F2F20A sobre #FDFFE0 1,18:1 No aprobado
Aa #0075CF sobre #D44696 1,15:1 No aprobado

Paletas similares

#EDF1D6 #9DC08B #609966 #40513B
4 colores
#F5F7F8 #F4CE14 #495E57 #45474B
4 colores
#222831 #393E46 #FFD369 #EEEEEE
4 colores
#000000 #52057B #892CDC #BC6FF1
4 colores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colores
#F5EFE7 #D8C4B6 #4F709C #213555
4 colores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colores