Colors.css ofrece nuevos valores predeterminados para colores en la Web
Encontrar una excelente combinación de colores para su sitio web no es una tarea fácil. Pero, ahora es mucho más fácil con el Biblioteca de colores por Adam Morse.
Esta biblioteca gratuita de CSS Trabaja con los colores originales de la web. que se consideraron “web seguro” y lanzado por primera vez con HTML4 en 1999. Como puede imaginar, la web ha avanzado mucho desde entonces..
Con los colores, puedes sobrescribir las opciones de color predeterminadas y utilice valores predeterminados más adecuados para su diseño. Estos colores encajan mucho más fácil y Crea menos tensión diluyendo el contraste..
Por ejemplo, en lugar de # 000
para negro, esta biblioteca usa # 111
a mantén el mismo nivel de oscuridad Mientras se quita algo del contraste discordante. Esto funciona mucho mejor para texto y para fondos..
Puedes instalar Colors a través de npm o a través de GitHub descargando la hoja de estilo directamente.
Lo mejor de todo es que viene con muestras gratis Puede importar en sus programas de diseño para acceder fácilmente a los colores. Se incluyen los siguientes archivos de muestra:
.aco
(Photoshop).Plaza bursátil norteamericana
(Ilustrador / XD).gpl
(Gimp / Inkscape)
Si diseñas un montón de maquetas con los colores predeterminados, te recomiendo encarecidamente que saques una copia de estas muestras. Se sorprenderá de lo bien que estos colores pueden adaptarse a cualquier diseño..
Además, Colors.css incluso tiene su propio esquemas de accesibilidad donde encontraras 90 combinaciones de colores que cumplan con las especificaciones WCAG para la accesibilidad de calidad. Esto es enorme para cualquiera que intente apoyar a la mayor audiencia posible y es genial ver a los diseñadores que se preocupan tanto por el trabajo moderno de UI / UX..
Pero lo que es más importante, es genial ver tanto progreso en la comunidad de código abierto.
Es gracioso mirar hacia atrás en sitios web antiguos para ver cuánto han mejorado. Y, lo mismo puede decirse de las tendencias de diseño general, especialmente las opciones de color y las bibliotecas CSS.
Para obtener más información sobre la biblioteca de colores, visite la pagina principal y echa un vistazo a la ejemplos vivos. Puedes tirar del .css
archivo, junto con todos los archivos de muestra directamente desde el GitHub repo, también.