Joan eduki nagusira
LibraTool logoLibraTool

Kolore Bihurgailua doan

Bihurtu koloreak HEX, RGB, HSL, HSV eta CMYK formatuen artean berehalakoa. Argitasun-eskala eta aurrezehaztutako lagin-koloreak barne.

Linez kanpo funtzionatzen du behin kargatuta

Bihurtu kolore bat HEX, RGB, HSL, HSV eta CMYK artean — aurrikuste biziarekin eta klik bakarreko kopiearekin. Dena zure nabigatzailean exekutatzen da.

Onartzen ditu: HEX (#fff edo #ffffff), RGB (255, 255, 255) edo HSL (360, 100%, 50%)

100%
Aurrezarpenak:
HEX#14B8A6
rgb() · zaharrargb(20, 184, 166)
rgb() · modernargb(20 184 166)
hsl() · zaharrahsl(173, 80%, 40%)
hsl() · modernahsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB balioak20, 184, 166

WCAG kontrastea

Fondo zuria gainean

2,49:1

Porrot

Fondo beltza gainean

8,44:1

AAA
🖨️ Inprimarako: CMYK balio hauek (89%, 0%, 10%, 28%) sRGB→CMYK bihurketa estandar bat erreferentziaren gaia. Kolore inprimatuaren zehaztasunean, erabili zure inprimatzailearen ICC profila edo inprimatutako froga — pantaila CMYK ezin du berdina egokitu tinta/paperaren guztia.

Argi-eskala

Egin klik edozein laginetan tonu horretan aldatzeko

Ohiko erabilerak

  • Bihurtu Koloreak Web DiseinarentzatLortu HEX, RGB, eta HSL balioak edozein kolorean — prest itsasteta CSS edo Tailwind.
  • Bihurtu Koloreak Inprenta (CMYK)Bihurtu pantaila koloreak (HEX/RGB) CMYK balioak inprenta diseinu eta profesional inprenta erabiltzeko.
  • Eraikitu Koloraren Paleta Diseinu SistemakBihurtu marka koloreak formatu guztietan eta sortu koherentzia argitzea eskalak osoko diseinu sistemaren abarentzat.
  • Egiaztatu Koloreak Kontrastea AtzipengubernamenduaBihurtu koloreak lortu RGB balioak kontraste ratioak tresnak — WCAG gutxiena atzipengubernamendua diseinua.
  • Bihurtu Koloreak FigmaLortu bere HEX eta RGB balioak Figma kolorea hautatzaileak eta diseinua tokibdean sistemak.

Nola Funtzionatzen Du

Bihurketa-logika guztia eskuz idatzitako JavaScript da, erabat zure nabigatzailean funtzionatzen duena — liburutegirik ez, zerbitzari-deirik ez. Tresnak zure sarrera analizatzen du, matematika hutsezko funtzio-kate baten bidez bideratzen du, eta aldi berean hamaika irteera-formatu sortzen ditu, oklch() eta lab() CSS Color 4 espazio modernoak barne.

  1. 1
    Sarrera-analisi malgua
    Analizatzaile pertsonalizatu batek onartzen ditu hamaseitarrak (3, 4, 6 edo 8 digitu), rgb()/rgba(), hsl()/hsla() bai komazko sintaxi zaharrean bai zuriune-sintaxi modernoan, eta hirukote zenbakizko hutsak. Alfa-balioak, hamartar edo ehuneko gisa, 0–1 barrutira normalizatzen dira edozein bihurketa hasi baino lehen.
  2. 2
    RGB bihurketa-ardatz gisa
    Onartutako formatu bakoitza lehenik RGB hirukote kanoniko batera ebazten da. Adierazpen bakar horretatik tresnak sakabanatzen du: HSL eta HSV min/max/kroma formula estandarrak erabiltzen dituzte; CMYK gako-kanala aurkituz eratortzen da; eta sRGB lerrokatzea (IEC 61966-2-1en definitutako gamma-kurba zatikakoa) kalkulu pertzeptualen aurretik aplikatzen da.
  3. 3
    Zerotik kalkulatutako espazio pertzeptualak
    oklch() Björn Ottosson-en 3×3 erreferentzia-matrizeekin kalkulatzen da (LMS erro-kubikoko espazioa). lab() eta lch()-k Bradford egokitzapen kromatikoa erabiltzen dute D65 zuri-puntutik D50ra bihurtzeko, CSS Color 4-k lab() nola definitzen duen bat datorrena. Formula hauek nabigatzaile-errendatze-motorretan erabiltzen diren berberak dira — hemen kanpo mendekotasunik gabe inplementatuta.
  4. 4
    WCAG kontrastea eta argitasun-eskala
    Luminantzia erlatiboa WCAG 2.1 formularen arabera kalkulatzen da (R, G, B lerrokatuak 0,2126/0,7152/0,0722 haztatuta) eta zuri eta beltzaren aurkako kontraste-erlazioa AA-handia, AA, AAA edo Huts gisa sailkatzen da. Bederatzi urratseko argitasun-zerrenda bat sortzen da HSL argitasun-kanala %10etik %90era urratsez urrats mugituz, edozein kolore-lagini klik eginez itzal hori bihurtzeko aukera emanez.

Erlazionatutako tresnak

🎨

Kolore-hautatzailea eta Paleta Sortzailea

Aukeratu koloreak, bihurtu HEX/RGB/HSL artean eta sortu paleta harmoniatsuak.

Probatu
🎨

Ausazko koloreen sortzailea

Sortu ausazko koloreak banan-banan edo bost koloreko paleta gisa, blokeatu gustatzen zaizkizunak, kopiatu HEX, RGB edo HSL balioak eta esportatu paleta PNG edo CSS gisa.

Probatu
🎨

Kolore Paleta Sortzailea

Sortu osagarri, analogiko, triadiko eta monokromatiko kolore-paleta edozein oinarri-koloretik. Kopiatu hex kodeak klik batean.

Probatu

Maiz egiten diren galderak