Tomar colores — Flujo de entrega

Ejemplo de entrada y salida

Registra juntos la función del color, el HEX, el texto RGB y la imagen de origen para que nadie adivine de dónde sale.

Una tabla sencilla funciona bien: Función (botón principal), HEX (#6D28D9), RGB (109, 40, 217), Origen (logo-v3.png, centro de la forma grande). Como la herramienta no muestra coordenadas, describe el punto con palabras o márcalo en una copia de la imagen. Los desarrolladores pueden pegar el HEX directamente en una propiedad personalizada de CSS como --brand-primary: #6D28D9; y mantener una sola definición para todo el sitio.

Una agencia pequeña que construye un sitio a partir de una foto de ambiente del cliente podría enviar al desarrollador tres filas, fondo, texto y acento, cada una con su archivo de origen. Cuando cambie el logo, repetirán los clics en el archivo nuevo y actualizarán solo las filas que cambien, lo que mantiene las versiones comparables.

El error habitual es pasar un color en una captura o un mensaje de chat sin nombre, tras lo cual el tono se desvía cada vez que alguien lo vuelve a muestrear. Guarda los valores en una hoja de estilos compartida o en un archivo de tokens de diseño y dale a cada uno un nombre acordado.

Conserva la imagen original junto a la tabla y anota que los valores de pantalla no son valores de impresión. Si el color se va a imprimir, entrega la misma muestra a la imprenta y pide una prueba en lugar de suponer que el HEX se convierte con exactitud.

Pixel selected in an image

HEX and RGB values

El HEX y el RGB que entregas describen píxeles de una imagen concreta; no sustituyen a una guía de marca oficial.