hexToRgb

Convierte un color hexadecimal en un array RGB.

API

hexToRgb

Devuelve

Argumento	Descripción	Tipo
`Array<number> \| null`	Array RGB [r, g, b], o null	`Array<number> \| null`

Parámetros

Parámetro	Descripción	Tipo	Por defecto
`hex`	Color hexadecimal	`string`	Obligatorio

Ejemplo

Uso básico

import { hexToRgb } from 'ranuts';

const rgb = hexToRgb('#ff0000');
console.log(rgb); // [255, 0, 0]

const rgb2 = hexToRgb('#00ff00');
console.log(rgb2); // [0, 255, 0]

Valores no válidos

import { hexToRgb } from 'ranuts';

const rgb = hexToRgb('#invalid');
console.log(rgb); // null

Con o sin el símbolo `#`

import { hexToRgb } from 'ranuts';

const rgb1 = hexToRgb('#ff0000');
const rgb2 = hexToRgb('ff0000');
console.log(rgb1); // [255, 0, 0]
console.log(rgb2); // [255, 0, 0]

Conversión de color

import { hexToRgb, rgbToHex } from 'ranuts';

const hex = '#ff5733';
const rgb = hexToRgb(hex);
console.log(rgb); // [255, 87, 51]

// De vuelta a hexadecimal
const hex2 = rgbToHex(rgb[0], rgb[1], rgb[2]);
console.log(hex2); // '#ff5733'

Notas

Formato admitido: colores hexadecimales de seis dígitos (por ejemplo #ff0000 o ff0000).
Valor devuelto: si acierta, un array [r, g, b]; si falla, null.
Mayúsculas y minúsculas: #FF0000 y #ff0000 valen igual.
Cuándo usarlo: es habitual para convertir colores, procesarlos y manejar colores de CSS.