RGB a matriz

Beginner

This tutorial is from open-source community. Access the source code

Introducción

En este laboratorio, exploraremos cómo convertir una cadena de color rgb() en una matriz de valores numéricos utilizando JavaScript. El laboratorio te guiará a través de los pasos necesarios para extraer los valores de color de la cadena y convertirlos en una matriz. Esta habilidad es útil para el desarrollo web, especialmente cuando se trabaja con gráficos y diseño.

Convertir una cadena RGB en una matriz

Para convertir una cadena de color rgb() en una matriz de valores, sigue estos pasos:

  1. Abre la Terminal/SSH y escribe node para comenzar a practicar la codificación.
  2. Utiliza String.prototype.match() para obtener una matriz de 3 cadenas con los valores numéricos.
  3. Utiliza Array.prototype.map() en combinación con Number para convertirlos en una matriz de valores numéricos.

Aquí está el código que puedes utilizar:

const toRGBArray = (rgbStr) => rgbStr.match(/\d+/g).map(Number);

Para probar la función, llámala con una cadena de color rgb() como argumento, así:

toRGBArray("rgb(255, 12, 0)"); // [255, 12, 0]

Resumen

¡Felicidades! Has completado el laboratorio de RGB a matriz. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.