2012-03-21 37 views
32

Duplicar posibles:
Are there any good reasons for using hex over decimal for RGB colour values in CSS?CSS - RGB o hexadecimal para el color

¿Hay que usar RGB o hexadecimal para los colores en las hojas de estilo CSS?

Si uno se ve favorecido más que el otro, ¿por qué?

¿Hay alguna diferencia para el futuro de pruebas, velocidad de procesamiento, una mayor compatibilidad entre plataformas/navegadores etc

+4

Posible duplicado de: http://stackoverflow.com/questions/1171422/are-there-any-good-reasons-for-using-hex-over-decimal-for-rgb-colour-values-in-c , http://stackoverflow.com/questions/2054520/it-is-recommendable-to-type-the-colors-name-instead-of-its-hex-value-in-css – Zeta

+0

hex es más rápido de escribir, I adivinar, pero rgb tiene combinaciones de colores mucho más posibles. – Ben

+3

@Ben ¿De qué manera quieres decir que rgb tiene más combinaciones posibles? Hex y RGB se refieren a un punto en el espacio de color sRGB. Hex y RGB son solo dos representaciones diferentes de la misma cosa. [Especificación CSS sobre el color] (http://dev.w3.org/csswg/css-color/#color-type) –

Respuesta

18

creo que es sobre todo una cuestión de gusto personal si debe usar RGB o hexadecimal. Personalmente utilizo HEX, porque me parece más conveniente: es más fácil de escanear cuando lee el código y más fácil de copiar desde su editor de imágenes preferido. También para colores como blanco (#fff), negro (# 000) podría ahorrarte unos pocos bytes (aunque eso no marcaría la diferencia).

Al final, son solo dos representaciones diferentes de la misma cosa, y desde una perspectiva de rendimiento no creo que importe. Al menos hay muchas otras cosas que puede hacer para aumentar el rendimiento, que tendrán un mayor impacto en el rendimiento.

8

Normalmente, puede copiar el valor hexadecimal del editor de gráficos directamente (desde un campo de texto) mientras que para RGB no puede (los valores RGB generalmente se representan a través de tres campos de texto separados). Entonces los valores hexadecimales son al menos más fáciles para el uso diario.

Por desgracia, estamos obligados a utilizar la notación RGB en función rgba() desde CSSWG no ha specced un way para especificar los valores RGBA través de la notación hexadecimal, pero nada nos obliga a utilizar la notación funcional (rgb()) si no necesitamos alfa transparencia.

Actualización: notación hexadecimal de 8 dígitos #RRGGBBAA y #RGBA (.. E & thinsp; g #00ffaa80 es equivalente a rgba(0, 255, 170, .5)) se specced en el CSS Color Module Level 4proyecto de y aplicado en Firefox 49. Desafortunadamente, si bien hay parches para otros motores como Chromium y WebKit, las versiones estables de todos los navegadores que no son basados ​​en Gecko en realidad no admiten la función (WebKit lo implementó formalmente desde 2015-11-04, pero de hecho la función es no está disponible al menos en Safari 9.1 e iOS 8.3), por lo que Firefox es actualmente la única implementación disponible, y esa notación aún no se puede usar en la naturaleza, aunque se puede usar en extensiones de Firefox.

1

Si es para dispositivos (VGA, etc.) -> use valores RGBA, de lo contrario HEX HSL y casi cualquier cosa funciona.

2

HEX es estable para un servicio empresarial. Es fácil de mantener (preprocesador y personal de trabajo) y muchos navegadores son compatibles.

Pero, el nombre del color no está nada mal si lo desea. Es divertido elegir entre la paleta de colores, y muchos colores ya están definidos.

Y entonces, es un apéndice. Estoy usando HLSA patrón de color en mi privado experimental sitio web ahora. vea también si tiene interés en el nuevo borrador de CSS3: http://www.w3.org/TR/css3-color/. Es muy intuitivo si conoce la regla del color del fenómeno de la naturaleza.

Cuestiones relacionadas