¿Qué es un color RGB?

Las pantallas crean todos los colores mezclando luz roja, verde y azul. Un color RGB indica la intensidad de cada uno de estos tres canales como un número de 0 (apagado) a 255 (máximo), por lo que rgb(255, 0, 0) es rojo puro, rgb(0, 0, 0) es negro y rgb(255, 255, 255) es blanco. El mismo color puede escribirse como un código hexadecimal, como #ff0000, donde cada par de dígitos hexadecimales representa un canal.

Descripción de la herramienta

Esta herramienta te permite editar un color canal por canal. Elige o pega un color inicial, después mueve los controles deslizantes de rojo, verde y azul o introduce valores exactos, y observa cómo cambia el resultado. El color editado se muestra en las notaciones que utilizan CSS, las herramientas de diseño, los motores de videojuegos y el código de shaders, todas listas para copiar.

Características

  • Edita los canales rojo, verde y azul con controles deslizantes o números exactos del 0 al 255
  • Elige un color o pega uno en HEX, RGB, HSL u otro formato para comenzar
  • Obtén el color en formato HEX, rgb(), porcentajes de rgb(), valores normalizados de 0 a 1, un entero decimal y un entero hexadecimal
  • Se ejecuta en tu navegador

Cómo funciona

Cada canal es un número entero del 0 al 255. Los valores fuera de ese rango se limitan al intervalo válido y los decimales se redondean. Los valores normalizados dividen cada canal entre 255, y las representaciones enteras empaquetan los canales en un único número de 24 bits como 0xRRGGBB.

Consejos

  • Usa los valores normalizados de 0 a 1 para GLSL, HLSL, Unity y otras API que aceptan colores como valores de coma flotante.
  • El entero decimal es el formato utilizado por las inserciones de Discord y algunas hojas de cálculo y bases de datos.