ImageColorPicker.com

convertitore da HSL à HEX

Converte ogni culore HSL in HEX — subitu è gratis

#3398DB

Incolla ogni valore di culore — rilevemmu u furmatu per tè.

H
S
L
risultatu HEX

Stu culore in ogni furmatu

Prufilu CMYK: Coated FOGRA39 (u predefinitu di Photoshop per l'Europa)

Sceglie un culore in HSL hè cunfortevule, ma i fogli di stile, i passaggi di design è i documenti di marca funzionanu sempre cun HEX. Stu cunverter chjude quessa è ti dà u codice di sei cifre per ogni cumpusizione di tonu, saturazione è luminosità.

Cumu funziona a cunversione da HSL à HEX

  1. Trasforma a saturazione è a luminosità in frazioni: 60% diventa 0.6.
  2. Calcule u croma C = (1 − |2L − 1|) × S — quessa hè quantu u culore hè luntanu da u grisgiu.
  3. Usa u tonu per piazzà quellu croma nantu à i canali rossu, verde è turchinu, poi sposta tutti trè per L − C/2.
  4. Multiplica ogni canale per 255, arrotondalu, è scrivilu cum'è dui cifre esadecimali.

Esempiu praticu

HSL hsl(204, 70%, 53%)=HEX #3398DB

L'arrotondamentu accade una sola volta, in l'ultimu passu, quand'è ogni canale hè inchjappatu à un valore sanu 0–255. U risultatu hè u codice HEX più vicinu à u to input HSL è normalmente identicu à ciò chì mostra un strumentu di design.

HSL è HEX spiegati

Chì ghjè HSL?

HSL sparte un culore in tinta (0–360° nantu à a ruota di culori), saturazione (quant'è vivu, 0–100%) è luminosità (quant'è chjaru, 0–100%). Postu chì ogni parte currisponde à cumu a ghjente descrive u culore, HSL hè u furmatu più faciule per custruisce tinti, scuri è palette cunsistenti — à manu o in codice.

Sintassi:
hsl(H, S%, L%)
Gamma:
0–360°, 0–100%, 0–100%
Megliu per:
palette, tinti è scuri, theming

Chì ghjè HEX?

Un codice HEX hè un numeru esadecimale di sei cifre chì conserva i canali rossu, verde è blu di un culore darrè à un # iniziale. Ogni coppia di cifre raprisenta un canale, da 00 (nisun) à FF (cumplettu), chì dà listessu 16,7 milioni di culori ch'è RGB ma in una notazione più corta. HEX hè u default in CSS, strumenti di design è linee guida di marca.

Sintassi:
#RRGGBB
Gamma:
00–FF per canale
Megliu per:
CSS, passu trà designer è sviluppatori, linee guida di marca

taula di riferenza da HSL à HEX

I culori CSS più cumuni, cunvertiti da HSL à HEX.

CuloreHSLHEX
blackhsl(0, 0%, 0%)#000000
whitehsl(0, 0%, 100%)#FFFFFF
redhsl(0, 100%, 50%)#FF0000
limehsl(120, 100%, 50%)#00FF00
bluehsl(240, 100%, 50%)#0000FF
yellowhsl(60, 100%, 50%)#FFFF00
orangehsl(39, 100%, 50%)#FFA600
tealhsl(180, 100%, 25%)#007F80
purplehsl(300, 100%, 25%)#80007F
grayhsl(0, 0%, 50%)#808080

Altri convertitori di culori

Dumande frequenti

Trasforma a saturazione è a luminosità in frazioni: 60% diventa 0.6. Calcule u croma C = (1 − |2L − 1|) × S — quessa hè quantu u culore hè luntanu da u grisgiu. Usa u tonu per piazzà quellu croma nantu à i canali rossu, verde è turchinu, poi sposta tutti trè per L − C/2. Multiplica ogni canale per 255, arrotondalu, è scrivilu cum'è dui cifre esadecimali.

L'arrotondamentu accade una sola volta, in l'ultimu passu, quand'è ogni canale hè inchjappatu à un valore sanu 0–255. U risultatu hè u codice HEX più vicinu à u to input HSL è normalmente identicu à ciò chì mostra un strumentu di design.

Un codice HEX hè un numeru esadecimale di sei cifre chì conserva i canali rossu, verde è blu di un culore darrè à un # iniziale. Ogni coppia di cifre raprisenta un canale, da 00 (nisun) à FF (cumplettu), chì dà listessu 16,7 milioni di culori ch'è RGB ma in una notazione più corta. HEX hè u default in CSS, strumenti di design è linee guida di marca.

Iè. U buttone di scambiu vicinu à l'input ti porta à u cunvertitore da HEX à HSL, chì funziona esattamente listessa. E duie direzzione usanu a stessa formula, solu applicata à l'inversu.

Custruisci a paletta in HSL, poi esporta in HEX. A paletta mantene a so logica — listessu tonu, luminosità scalata — mentre u codice consegnatu resta in u furmatu chì l'sviluppatori aspettanu.