Registrarse Registrarse
12 Bit Rainbow

12 Bit Rainbow

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

12 Bit Rainbow

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores vibrantes 12 colores Colores cálidos Tonos mixtos Armonía complementaria 12bit dataviz huechromaluminance
Me gusta 29
Colores 12

Variables CSS

:root {
  --c-vibrant-1: #881177;
  --c-vibrant-2: #AA3355;
  --c-vibrant-3: #CC6666;
  --c-vibrant-4: #EE9944;
  --c-vibrant-5: #EEDD00;
  --c-vibrant-6: #99DD55;
  --c-vibrant-7: #44DD88;
  --c-vibrant-8: #22CCBB;
  --c-vibrant-9: #00BBCC;
  --c-vibrant-10: #0099CC;
  --c-vibrant-11: #3366BB;
  --c-vibrant-12: #663399;
}

Sobre esta paleta

Esta paleta de 12 colores vibrantes va de Banana Clan (#EEDD00), su tono más claro, a Royal Purpleness (#881177), el más oscuro. Combina Royal Purpleness, Cranberry Sauce, Fuzzy Wuzzy, Mandarin Essence, Banana Clan, Lilliputian Lime, Drunken Dragonfly, Swimmers Pool, Turquoise Surf, Tomb Blue, Dover Straits y Rebecca Purple en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 7 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #881177 sobre #EEDD00, con 6,26: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

Royal Purpleness #881177
RGB
rgb(136, 17, 119)
HSL
hsl(309, 78%, 30%)
Luminancia
0,070
Cranberry Sauce #AA3355
RGB
rgb(170, 51, 85)
HSL
hsl(343, 54%, 43%)
Luminancia
0,116
Fuzzy Wuzzy #CC6666
RGB
rgb(204, 102, 102)
HSL
hsl(0, 50%, 60%)
Luminancia
0,233
Mandarin Essence #EE9944
RGB
rgb(238, 153, 68)
HSL
hsl(30, 83%, 60%)
Luminancia
0,414
Banana Clan #EEDD00
RGB
rgb(238, 221, 0)
HSL
hsl(56, 100%, 47%)
Luminancia
0,699
Lilliputian Lime #99DD55
RGB
rgb(153, 221, 85)
HSL
hsl(90, 67%, 60%)
Luminancia
0,591
Drunken Dragonfly #44DD88
RGB
rgb(68, 221, 136)
HSL
hsl(147, 69%, 57%)
Luminancia
0,547
Swimmers Pool #22CCBB
RGB
rgb(34, 204, 187)
HSL
hsl(174, 71%, 47%)
Luminancia
0,471
Turquoise Surf #00BBCC
RGB
rgb(0, 187, 204)
HSL
hsl(185, 100%, 40%)
Luminancia
0,399
Tomb Blue #0099CC
RGB
rgb(0, 153, 204)
HSL
hsl(195, 100%, 40%)
Luminancia
0,271
Dover Straits #3366BB
RGB
rgb(51, 102, 187)
HSL
hsl(218, 57%, 47%)
Luminancia
0,138
Rebecca Purple #663399
RGB
rgb(102, 51, 153)
HSL
hsl(270, 50%, 40%)
Luminancia
0,075

Contraste y accesibilidad

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

Aa #881177 sobre #EEDD00 6,26:1 AA
Aa #EEDD00 sobre #663399 5,99:1 AA
Aa #881177 sobre #99DD55 5,36:1 AA
Aa #99DD55 sobre #663399 5,13:1 AA
Aa #881177 sobre #44DD88 4,99:1 AA
Aa #44DD88 sobre #663399 4,78:1 AA
Aa #AA3355 sobre #EEDD00 4,52:1 AA
Aa #881177 sobre #22CCBB 4,35:1 AA, texto grande
Aa #22CCBB sobre #663399 4,17:1 AA, texto grande
Aa #EEDD00 sobre #3366BB 3,98:1 AA, texto grande
Aa #881177 sobre #EE9944 3,88:1 AA, texto grande
Aa #AA3355 sobre #99DD55 3,87:1 AA, texto grande
Aa #881177 sobre #00BBCC 3,75:1 AA, texto grande
Aa #EE9944 sobre #663399 3,71:1 AA, texto grande
Aa #AA3355 sobre #44DD88 3,60:1 AA, texto grande
Aa #00BBCC sobre #663399 3,59:1 AA, texto grande
Aa #99DD55 sobre #3366BB 3,41:1 AA, texto grande
Aa #44DD88 sobre #3366BB 3,18:1 AA, texto grande
Aa #AA3355 sobre #22CCBB 3,15:1 AA, texto grande
Aa #AA3355 sobre #EE9944 2,80:1 No aprobado
Aa #22CCBB sobre #3366BB 2,77:1 No aprobado
Aa #AA3355 sobre #00BBCC 2,71:1 No aprobado
Aa #881177 sobre #0099CC 2,69:1 No aprobado
Aa #CC6666 sobre #EEDD00 2,65:1 No aprobado
Aa #0099CC sobre #663399 2,57:1 No aprobado
Aa #EE9944 sobre #3366BB 2,47:1 No aprobado
Aa #00BBCC sobre #3366BB 2,39:1 No aprobado
Aa #881177 sobre #CC6666 2,36:1 No aprobado
Aa #EEDD00 sobre #0099CC 2,33:1 No aprobado
Aa #CC6666 sobre #99DD55 2,27:1 No aprobado
Aa #CC6666 sobre #663399 2,27:1 No aprobado
Aa #CC6666 sobre #44DD88 2,11:1 No aprobado
Aa #99DD55 sobre #0099CC 2,00:1 No aprobado
Aa #AA3355 sobre #0099CC 1,94:1 No aprobado
Aa #44DD88 sobre #0099CC 1,86:1 No aprobado
Aa #CC6666 sobre #22CCBB 1,84:1 No aprobado
Aa #AA3355 sobre #CC6666 1,71:1 No aprobado
Aa #0099CC sobre #3366BB 1,71:1 No aprobado
Aa #EEDD00 sobre #00BBCC 1,67:1 No aprobado
Aa #CC6666 sobre #EE9944 1,64:1 No aprobado
Aa #22CCBB sobre #0099CC 1,62:1 No aprobado
Aa #EE9944 sobre #EEDD00 1,61:1 No aprobado
Aa #CC6666 sobre #00BBCC 1,59:1 No aprobado
Aa #881177 sobre #3366BB 1,57:1 No aprobado
Aa #CC6666 sobre #3366BB 1,51:1 No aprobado
Aa #3366BB sobre #663399 1,50:1 No aprobado
Aa #EE9944 sobre #0099CC 1,44:1 No aprobado
Aa #EEDD00 sobre #22CCBB 1,44:1 No aprobado
Aa #99DD55 sobre #00BBCC 1,43:1 No aprobado
Aa #00BBCC sobre #0099CC 1,40:1 No aprobado
Aa #881177 sobre #AA3355 1,38:1 No aprobado
Aa #EE9944 sobre #99DD55 1,38:1 No aprobado
Aa #AA3355 sobre #663399 1,33:1 No aprobado
Aa #44DD88 sobre #00BBCC 1,33:1 No aprobado
Aa #EE9944 sobre #44DD88 1,29:1 No aprobado
Aa #EEDD00 sobre #44DD88 1,25:1 No aprobado
Aa #99DD55 sobre #22CCBB 1,23:1 No aprobado
Aa #EEDD00 sobre #99DD55 1,17:1 No aprobado
Aa #22CCBB sobre #00BBCC 1,16:1 No aprobado
Aa #44DD88 sobre #22CCBB 1,15:1 No aprobado
Aa #CC6666 sobre #0099CC 1,14:1 No aprobado
Aa #AA3355 sobre #3366BB 1,13:1 No aprobado
Aa #EE9944 sobre #22CCBB 1,12:1 No aprobado
Aa #99DD55 sobre #44DD88 1,07:1 No aprobado
Aa #881177 sobre #663399 1,04:1 No aprobado
Aa #EE9944 sobre #00BBCC 1,03:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores