Esta paleta de 5 colores vibrantes va de White (#FFFFFF), su tono más claro, a Black (#000000), el más oscuro. Combina Neon Blue, Phlox, Dorn Yellow, White y Black en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 10. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #FFFFFF sobre #000000, con 21: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
Neon Blue#00DDFF
RGB
rgb(0, 221, 255)
HSL
hsl(188, 100%, 50%)
Luminancia
0,589
Phlox#E500FF
RGB
rgb(229, 0, 255)
HSL
hsl(294, 100%, 50%)
Luminancia
0,239
Dorn Yellow#FFF200
RGB
rgb(255, 242, 0)
HSL
hsl(57, 100%, 50%)
Luminancia
0,848
White#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminancia
1,000
Black#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000
Contraste y accesibilidad
Combinaciones de colores en la paleta: 10. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.
Aa#FFFFFF sobre #00000021,00:1AAA
Aa#FFF200 sobre #00000017,95:1AAA
Aa#00DDFF sobre #00000012,79:1AAA
Aa#E500FF sobre #0000005,78:1AA
Aa#E500FF sobre #FFFFFF3,64:1AA, texto grande
Aa#E500FF sobre #FFF2003,11:1AA, texto grande
Aa#00DDFF sobre #E500FF2,21:1No aprobado
Aa#00DDFF sobre #FFFFFF1,64:1No aprobado
Aa#00DDFF sobre #FFF2001,40:1No aprobado
Aa#FFF200 sobre #FFFFFF1,17:1No 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
Paleta
Ayúdanos a mejorar
¿Encontraste un error? ¿Tienes una idea?
Jinero está en pleno desarrollo. Si algo no funciona o se comporta de forma extraña, cuéntanoslo. Si te gustaría que tuviéramos alguna herramienta o función, cuéntanoslo también. Leemos cada mensaje y eso decide directamente qué construimos después.