ImageColorPicker.com

HEX-tik HSL-ra bihurgailua

Bihurtu edozein HEX kolore HSL-ra — berehala eta doan

#2ECC71

Itsatsi kolore balio edozein — guk zuretzat formatua antzematen dugu.

HSL emaitza
Tona
145°
Saturazioa
63%
Argitasuna
49%

Kolore hau formatu guztietan

CMYK profila: Coated FOGRA39 (Photoshop-en Europarako lehenetsia)

HSL kolorea gizakiek nola deskribatzen duten adierazten du: zein tonua, zenbat kolore bizi, zenbat distira. HEX kodea HSLra bihurtzea da kolorea benetan aldatu dezakezun formara azkar sartzearen modu onena — argitu, itzali edo oso eskala bat sortu dezakezu horretatik.

Nola funtzionatzen duen HEX-tik HSL-ra bihurketa

  1. Aldatu HEX kodea RGBra eta zatitu kanal bakoitza 255ekin, horrela hiruak 0 eta 1 artean egongo dira.
  2. Bilatu balioen artean handiena eta txikiena. Haien batezbestekoa da argitasuna L.
  3. Haien arteko tarteak gidatzen du saturazioa S: habia argietan zatitu (2 − max − min)z, edo ilunetan (max + min)arekin.
  4. Kanalik handienak erabakiko du tonuak H — gorriak 0°, berdeak 120°, urdinak 240° — eta beste bi kanalek tonuaren posizioa segmentu horren barruan kokatuko dute.

Adibide errealista

HEX #2ECC71=HSL hsl(145, 63%, 49%)

Matematika zehatza da, baina HSL balioak normalean maila osoetara eta ehunekoetara biribildu ohi dira. Beraz atzera bihurtzean RGBko pauso bat edo bi aldatzea gerta daiteke — praktikan ikusezina da, baina kontuan hartu behar da koloreak maiz birbidaltzen badituzu.

HEX eta HSL azalduak

Zer da HEX?

HEX kodea sei digituko hexaidezimal zenbaki bat da, kolore baten gorri, berde eta urdin kanalak gordetzen dituena aurreko # batekin. Digituen bikote bakoitzak kanal bat adierazten du, 00 (ezik)etik FF (osoa)ra, eta horrek RGBk bezalako 16,7 milioi kolore ematen ditu notazio askoz txikiago batean. HEX da lehenetsi CSSen, diseinu tresnen eta marka gidailetan.

Sintaxia:
#RRGGBB
Tartea:
00–FF kanal bakoitzean
Egokiena:
CSS, diseinu entregak, marka gidailetarako

Zer da HSL?

HSL kolorea hiru zatitan banatzen du: tonuak (0–360° kolore-zirkluan), saturazioak (zenbat kolore, 0–100%) eta argitasunak (zenbat distira, 0–100%). Zati bakoitzak gizakiek kolorea deskribatzeko modua islatzen duenez, HSL errazenetakoa da tints, shades eta koherentziazko paletak eskuz edo kode bidez sortzeko.

Sintaxia:
hsl(H, S%, L%)
Tartea:
0–360°, 0–100%, 0–100%
Egokiena:
paletak, tints eta shades, theming

HEX-tik HSL-ra erreferentzia-taula

Ohikoenak diren CSS koloreak, HEX-tik HSL-ra bihurtuak.

KoloreaHEXHSL
black#000000hsl(0, 0%, 0%)
white#FFFFFFhsl(0, 0%, 100%)
red#FF0000hsl(0, 100%, 50%)
lime#00FF00hsl(120, 100%, 50%)
blue#0000FFhsl(240, 100%, 50%)
yellow#FFFF00hsl(60, 100%, 50%)
orange#FFA500hsl(39, 100%, 50%)
teal#008080hsl(180, 100%, 25%)
purple#800080hsl(300, 100%, 25%)
gray#808080hsl(0, 0%, 50%)

Kolore bihurgailu gehiago

Maiz galdetzen diren galderak

Aldatu HEX kodea RGBra eta zatitu kanal bakoitza 255ekin, horrela hiruak 0 eta 1 artean egongo dira. Bilatu balioen artean handiena eta txikiena. Haien batezbestekoa da argitasuna L. Haien arteko tarteak gidatzen du saturazioa S: habia argietan zatitu (2 − max − min)z, edo ilunetan (max + min)arekin. Kanalik handienak erabakiko du tonuak H — gorriak 0°, berdeak 120°, urdinak 240° — eta beste bi kanalek tonuaren posizioa segmentu horren barruan kokatuko dute.

Matematika zehatza da, baina HSL balioak normalean maila osoetara eta ehunekoetara biribildu ohi dira. Beraz atzera bihurtzean RGBko pauso bat edo bi aldatzea gerta daiteke — praktikan ikusezina da, baina kontuan hartu behar da koloreak maiz birbidaltzen badituzu.

HSL kolorea hiru zatitan banatzen du: tonuak (0–360° kolore-zirkluan), saturazioak (zenbat kolore, 0–100%) eta argitasunak (zenbat distira, 0–100%). Zati bakoitzak gizakiek kolorea deskribatzeko modua islatzen duenez, HSL errazenetakoa da tints, shades eta koherentziazko paletak eskuz edo kode bidez sortzeko.

Bai. Sarreraren ondoan dagoen truke botoiak eramango zaitu HSL-tik HEX-ra bihurtzaileara, eta modu berean funtzionatzen du. Bi norabideek formula bera erabiltzen dute, baina alderantziz aplikatuta.

Aldaketak behar badituzu kolore bati, pasa HSLra. H eta S finkatuta utzi eta soilik L aldatu ezaugarri eta itzal eskala koherentea ematen dizu, eta hori HEXekin eskuz egitea askoz zailagoa da.