ran
English

rgbToHex

Convert RGB values to hexadecimal color value.

API

rgbToHex

Return

Argument Description Type
string Hexadecimal color value string

Parameters

Parameter Description Type Default
r Red value or RGB array string | number | Array Required
g Green value (optional) string | number 0
b Blue value (optional) string | number 0

Example

Basic Usage

import { rgbToHex } from 'ranuts';

const hex = rgbToHex(255, 0, 0);
console.log(hex); // '#ff0000'

const hex2 = rgbToHex(0, 255, 0);
console.log(hex2); // '#00ff00'

Use Array

import { rgbToHex } from 'ranuts';

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

Color Conversion

import { rgbToHex, hexToRgb } from 'ranuts';

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

// Convert back to RGB
const rgb2 = hexToRgb(hex);
console.log(rgb2); // [255, 87, 51]

Dynamic Color Generation

import { rgbToHex } from 'ranuts';

function generateColor(r, g, b) {
  return rgbToHex(r, g, b);
}

const color = generateColor(100, 150, 200);
console.log(color); // '#6496c8'

Notes

  1. Parameter format: Supports three formats:

    • Three separate parameters: rgbToHex(r, g, b)
    • Array parameter: rgbToHex([r, g, b])
    • String or number: Automatically converted

  2. Return value: Always returns hexadecimal color value with # symbol.

  3. Value range: RGB values are typically in 0-255 range, values outside range will be converted to hexadecimal.

  4. Use case: Commonly used for color conversion, CSS color generation, color processing, etc.