RGB-ből HSL átalakító
Alakítsa a vörös, zöld és kék értékeket árnyalattá, telítettséggé és világossággá a színek könnyebb CSS-beli hangolásához.
rgb bemenet
Eredmény · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Használati útmutató: RGB-ből HSL
- 1
Adjon meg egy színt
Írjon be egy színkódot, vagy válasszon színt a színválasztóval — minden mező a feltüntetett formátumot fogadja el.
- 2
Nézze meg az átváltást
Gépelés közben az eredmény azonnal frissül, a szín élő előnézetével együtt.
- 3
Másolja ki a kódot
Egy kattintással másolja ki a kívánt értéket, és illessze be a tervébe, a CSS-be vagy a nyomtatási beállításokba.
RGB kontra HSL
Az RGB három fénycsatornából építi fel a színt, ami a képernyőknek megfelel, de kézzel nehéz hangolni: ha az rgb(255, 61, 114) színt kicsit sötétebbre szeretné, mindhárom számot módosítania kell. A HSL ugyanazt a színt színárnyalatként – a színkeréken 0 és 360° közötti szögként –, valamint százalékos telítettségként és világosságként írja le, így ebből a rózsaszínből hsl(344, 100%, 62%) lesz.
Ez a felépítés ideálissá teszi a HSL-t árnyalatok és témák készítéséhez. Tartsa meg az árnyalatot és a telítettséget, és csökkentse a világosságot egy rámutatási vagy lenyomott állapothoz, növelje egy színezett háttérhez, vagy csökkentse a telítettséget egy visszafogottabb változathoz. Minden modern böngésző elfogadja a hsl()-t CSS-ben, így az eredményt közvetlenül beillesztheti. Az átalakító egész számokra kerekít, így a visszaalakítás egy csatornát egy lépéssel eltolhat.
Minden helyben, a böngészőjében fut — a képeit soha nem töltjük fel szerverre.