En los archivos CSS, ¿es mejor poner el código del color o poner su nombre en letras? Me refiero a nivel de carga de los estilos.
Por ejemplo, ¿da lo mismo poner color: white;
que color: #fff;
?
¿Cuál de ellos cargaría más rápido?
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadEn los archivos CSS, ¿es mejor poner el código del color o poner su nombre en letras? Me refiero a nivel de carga de los estilos.
Por ejemplo, ¿da lo mismo poner color: white;
que color: #fff;
?
¿Cuál de ellos cargaría más rápido?
Según he leído por Internet, la mejor práctica es usar código hexadecimal de 6 dígitos (no se distinguen mayúsculas de minúsculas).
Si usas colores no primarios, puede ser que depende el navegador que uses, tengan diferentes colores definidos.
Por otro lado, si deseas añadir pequeñas modificaciones a los colores, también se usan los colores rgba: rgba(255,255,255,0.8);
Ese 0.8
al final es un parámetro alpha
para darle más o menos opacidad al color.
Considero que tanto con un formato como con otro el sistema funciona correctamente, no obstante poner el código exadecimal ( #fff ) quizá sea un pelín más rápido. Un saludo
No hay respuesta mejor o peor. Simplemente acuerda con tu equipo un estándard y síguelo.
O simplemente cuando empieces en un proyecto existente probablemente se usará alguno de estos estándares y tendrás que seguirlo.
Comentar que los nombres para colores se ampliaron con la especificación CSS3. Aquí puedes ver una lista completa.
Particularmente me parece una cantidad de nombres más que suficiente para cualquier proyecto. Así que trabajar únicamente con nombres de colores me parece una opción perfectamente válida.
Lo que a veces pasa es que el diseño no depende de ti, y muchas veces tienes que implementar algo que te ha pedido un maquetador, usando unos colores concretos que no puedes/debes cambiar. Y si ese color no tiene nombre dentro del estándard CSS3, deberás usar rgb/rgba/hex.