Kolore bat HEX, RGB eta HSL artean bihurtzea
Argitaratua: · Eguneratua: 2 min-ko irakurketa
HEX, RGB eta HSL-k kolore bera hiru modutan deskribatzen dute. Tresnak hirurak batera erakusten ditu eta ohiko idazkerak onartzen ditu; zenbaki osora biribildutako HSL-k HEX-era itzultzean ikusten diren maila bateko aldeak azaltzen ditu.
Kolore beraren hiru idazkera
Koloreak arakatu tresnak hiru formak erakusten ditu lehenespenez, koloreren aurrebista batekin. #2F4A3F berdearentzat:
| Forma | Emaitza |
|---|---|
| HEX | #2f4a3f |
| RGB | rgb(47, 74, 63) |
| HSL | hsl(156, 22%, 24%) |
Panelaren HEX, RGB eta HSL hiru botoiek emaitza forma bakar batera murrizten dute, bere horretan kopiatzeko erabilgarria.
Onartutako idazkerak
| Idazkera | Adibidea | HEX emaitza |
|---|---|---|
| HEX laburra | #fff | #ffffff |
| Gardentasuna duen HEX | #2F4A3F80 | #2f4a3f80 |
| RGB komekin | rgb(47, 74, 63) | #2f4a3f |
| RGB zuriuneekin | rgb(47 74 63) | #2f4a3f |
| RGB ehunekotan | rgb(100%, 0%, 0%) | #ff0000 |
| HSL zuriuneekin | hsl(156 22% 24%) | #304b40 |
«rouge» bezalako kolore-izenak eta 0tik 255era kanpoko kanalak, rgb(300, 0, 0) bezala, baztertzen dira, onartutako idazkerak zerrendatzen dituen mezu batekin.
Gardentasuna
Gardentasuna HEX-en zortzi digituz idazten da, edo zuriuneekin barra baten ondoren. rgb(47 74 63 / 50%) koloreak #2f4a3f80 ematen du HEX-en eta rgba(47, 74, 63, 0.5) RGB-n. Alderantziz, #2F4A3F80-k 0,502ko opakotasuna ematen du, hamaseitarrean 80 255-etik 128 baita.
Zergatik aldatzen den joan-etorri batek maila batean
HSL zenbaki osotan erakusten da: tonua graduetan, saturazioa eta argitasuna ehunekotan. HSL-tik HEX-era itzultzeak, beraz, ondoko kolore batera garamatza, ez hasierako kolorera.
| Hasiera | Erakutsitako HSL | HEX-era itzulera |
|---|---|---|
| #2F4A3F | hsl(156, 22%, 24%) | #304b40 |
| #B5532E | hsl(16, 59%, 45%) | #b6532f |
Aldea kanal bakoitzeko maila batekoa da, begiarentzat ikusezina. Diseinu-token baterako edo marka baterako, gorde jatorrizko HEX erreferentzia gisa eta ez pasatu berriro HSL-tik.
Grisak
Gris batek saturazio zero du eta eraginik gabeko tonu bat: #808080-k rgb(128, 128, 128) eta hsl(0, 0%, 50%) ematen ditu.
Tresnak neurtzen ez duena
Formatu-bihurketa batek ez du ezer esaten irakurgarritasunaz. Tresnak ez du testu baten eta bere atzealdearen arteko kontrastea kalkulatzen: egiaztatu bereizita argitaratu aurretik. QR kode baten kasua, non kontrasteak irakurgarritasuna erabakitzen duen, Lehen aldiz irakurtzen den QR kodea sortzea gidan aztertzen da.
Bihurketa bat egiaztatu
- Itsatsi kolorea eremuan: aurrebistak espero duzunarekin bat egin behar du.
- Kopiatu zure sistemak eskatzen duen forma.
- Kolore zehatza gordetzeko, gorde HEX edo RGB HSL-ren ordez.