rgbToHex

مقدارهای RGB را به مقدار رنگ شانزده‌شانزدهی تبدیل می‌کند.

API

rgbToHex

بازگشت

آرگومان	توضیح	نوع
string	مقدار رنگ شانزده‌شانزدهی	string

پارامترها

پارامتر	توضیح	نوع	پیش‌فرض
r	مقدار قرمز یا آرایهٔ RGB	string | number | Array	الزامی
g	مقدار سبز (اختیاری)	string | number	0
b	مقدار آبی (اختیاری)	string | number	0

نمونه

کاربرد پایه

import { rgbToHex } from 'ranuts';

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

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

دادن آرایه

import { rgbToHex } from 'ranuts';

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

تبدیل رنگ

import { rgbToHex, hexToRgb } from 'ranuts';

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

// بازگشت به RGB
const rgb2 = hexToRgb(hex);
console.log(rgb2); // [255, 87, 51]

ساخت پویای رنگ

import { rgbToHex } from 'ranuts';

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

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

یادداشت‌ها

1. شیوهٔ دادن آرگومان: سه شکل پشتیبانی می‌شود:

• سه آرگومان جدا: rgbToHex(r, g, b)
• یک آرایه: rgbToHex([r, g, b])
• رشته یا عدد: خودبه‌خود تبدیل می‌شود

2. مقدار بازگشتی: همیشه مقدار رنگ شانزده‌شانزدهی همراه با نشانهٔ #.

3. دامنهٔ مقدار: مقدارهای RGB معمولاً بین ۰ تا ۲۵۵ هستند؛ مقدارهای بیرون از این دامنه هم تبدیل می‌شوند.

4. کاربرد: معمولاً برای تبدیل رنگ، ساخت رنگ CSS و پردازش رنگ به کار می‌رود.