Megoldva: javascript hex to rgb

A hexadecimális színértékek RGB-re konvertálásával a fő probléma az, hogy nincs egy az egyhez megfelelőség a két formátum között. Például az #FF0000 szín RGB-ben 255, 0, 0, de hexadecimálisan az #F0 színnel egyenlő. Ez azt jelenti, hogy két különböző színnek ugyanaz az RGB értéke lehet, ha az egyes színösszetevők eltérő mennyiségéből állnak.

"use strict";

function hexToRgb(hex) {
    var result = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

„Használja szigorúan”;

Ez a kódsor lehetővé teszi a szigorú módot, amely jobb JavaScript írásának egyik módja. Szigorú módban nem használhatunk deklarálatlan változókat. Ennek a kódsornak a JavaScript-fájl tetején kell lennie, hogy a szigorú mód működjön.

function hexToRgb(hex) {
var eredmény = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
vissza az eredményt? {
r: parseInt(eredmény[1], 16),
g: parseInt(eredmény[2], 16),
b: parseInt(eredmény[3], 16)
} : nulla;
}

Ez egy olyan funkció, amely a hexadecimális színértéket RGB színértékké alakítja. A függvény egy paramétert vesz fel, ami a konvertálni kívánt hexadecimális színérték. A függvény egy reguláris kifejezést használ egy hexadecimális színérték mintájának egyeztetésére, és ha talál egyezést, akkor egy objektumot ad vissza a piros, zöld és kék értékekkel. Ha nem talál egyezést, nullát ad vissza.

Színek közötti átalakítás

Erre a kérdésre nincs egyértelmû válasz, mivel a színek különbözõ színterek közötti konvertálásának legjobb módja az alkalmazás speciális igényeitõl függõen változhat. Az alábbiakban azonban találhat néhány tippet a színek színterek közötti konvertálásához JavaScriptben.

A színek egyik színtérből a másikba való konvertálásához használhatja az rgb() és hsl() függvényeket. Ezek a függvények három argumentumot vesznek fel: egy piros, zöld és kék értéket. Az első argumentum az alapszínteret (pl. RGB), míg a második és harmadik argumentum a célszínteret (pl. HSL) adja meg.

A színek egyik pixelformátumból a másikba konvertálásához használhatja a css() függvényt. Ez a függvény két argumentumot vesz fel: egy karakterláncot, amely a CSS-tulajdonság nevét képviseli (pl. „szín”), és egy számot, amely a tulajdonság kívánt értékét reprezentálja (pl. „50”).

Színes formátumok

A JavaScriptben néhány különböző színformátumot használhat.

RGB – piros, zöld, kék

HEX – #RRGBB

HSL – Színárnyalat, telítettség, világosság