css - hexadecimal - rgb to hex

CSS-RGB o HEX para el color

Question

Posible duplicado:
¿Hay alguna buena razón para usar valores hexadecimales sobre los valores de color RGB en CSS?

¿Debería uno usar RGB o HEX para colores en hojas de estilo CSS?

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

¿Hay alguna diferencia para futuras pruebas, velocidad de procesamiento, mejor compatibilidad entre plataformas / navegadores, etc.

Answer 1

Creo que es principalmente una cuestión de gusto personal si debe usar RGB o HEX. 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.

Answer 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 de color no es malo 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 el patrón de color HLSA en mi sitio web experimental privado 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.

Answer 3

Normalmente, puede copiar directamente un valor hexadecimal de un editor de gráficos, desde un solo campo de texto. 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.

Pero no había way de utilizar la notación hexadecimal para los valores con transparencia alfa , por lo que nos vimos obligados a usar la notación RGB a través de la función rgba() .

La especificación borrador del Módulo de Color CSS Nivel 4 agrega la notación hexadecimal de 8 dígitos #RRGGBBAA y #RGBA : e. gramo. #00ffaa80 es equivalente a rgba(0, 255, 170, .5) . La función está disponible en Firefox 49+ , Chromium 62+ y Safari 10+ ( error de WebKit ), pero ni en IE ni en Edge. Según caniuse , dicha notación es compatible con el 75% de los navegadores, por lo que probablemente todavía no se pueda utilizar en la naturaleza, aunque se puede utilizar en complementos del navegador.

Answer 4

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