Tresnak
Kolore-bihurgailua
Bihurtu kolore bat HEX, RGB, HSL, OKLCH, LAB, LCH eta OKLAB formatuen artean berehala.
#3b82f659, 130, 2460.2314, 0.5098, 0.9647217, 91%, 60%54.5 8.5 -65.554.5 66.0 277.50.64 -0.01 -0.150.64 0.15 264Tresna honi buruz
Bihurgailu honek kolore bera zortzi notaziotan ematen du aldi berean: HEX, RGB, RGB hamartarra, HSL, LAB, LCH, OKLAB eta OKLCH. Baliagarria da markaren eskuliburuak HEX bat ematen duenean eta zure estilo-orriak OKLCH erabiltzen duenean, liburutegi grafiko batek 0 eta 1 arteko balioak eskatzen dituenean, edo paleta bat doitu aurretik koloreak LAB bezalako espazio pertzeptual batean alderatu nahi dituzunean.
Aukeratu «Formatua» zerrendan abiapuntuko notazioa eta idatzi kolorea «Balioa» eremuan. «Formatu guztiak» taula idatzi ahala eguneratzen da, eta errenkada bakoitzak kopiatzeko botoia du. Ezkerreko kolore-lagina ere saka dezakezu, sistemaren hautatzailearekin tonua aukeratzeko. Formatua aldatzen baduzu, uneko balioa notazio berrian berridazten da, handik jarraitu ahal izateko.
Kalkulu guztiak zure nabigatzailean egiten dira JavaScript bidez; ez da ezer zerbitzarira bidaltzen. sRGB espazioan eta D65 argiztatzailearekin lan egiten du, eta kanal bakoitza 8 bitera biribiltzen du; beraz, gamatik kanpoko koloreak hurbilenera mozten dira. Ez du gardentasunik (alfa) onartzen, ezta hiru zifrako HEX laburturik ere: idatzi sei digituak.
Nola pasatzen da kolore bat HEXetik RGBra?
- Utzi «HEX» «Formatua» zabalgarrian; orria irekitzean hori agertzen da.
- Idatzi edo itsatsi kolorea «Balioa» eremuan, bere sei zifrekin, traolarekin edo gabe: #3b82f6, 3b82f6 eta #3B82F6 berdin balio dute.
- Begiratu «Formatu guztiak» taula: «RGB» errenkadak rgb(59, 130, 246) erakusten du. Taula tekla bakoitzarekin eguneratzen da.
- Sakatu behar duzun errenkadako kopiatzeko ikonoa balioa ikusten den bezala eramateko, zure estilo-orrian edo diseinu-programan itsasteko prest.
Zer kolore-formatu onartzen ditu?
Zortzi, sarreran eta irteeran: HEX, RGB, «RGB hamartarra», HSL, LAB, LCH, OKLAB eta OKLCH. Taularen azpiko «Formatu-adibideak» atalean, bakoitza nola idatzi erakusten duen adibide bat duzu.
Hiru zenbakiko formatuetan nahikoa da hurrenkeran idaztea, komaz edo zuriunez bereizita; funtzioaren izena eta parentesiak (rgb(…), hsl(…)) jar daitezke edo ez. HSLn % ikurra aukerakoa da, eta LAB eta OKLABen a eta b balioak negatiboak izan daitezke. Erabili puntua bereizle hamartar gisa: 0.5, ez 0,5.
Balioa ulertzen ez bada, taularen ordez «Idatzi kolore-balio baliozko bat bihurketak ikusteko» abisua agertzen da. Ohikoena hiru zifrako HEX bat (#fff) edo gardentasuna duena (#ffffff80) izaten da: idatzi sei zifrarekin.
Ezkerreko kolore-lagina ere saka dezakezu sistemaren kolore-hautatzailea irekitzeko. Tonu bat aukeratzean, «Formatua» HEX bihurtzen da eta taula berriro kalkulatzen da.
Zer desberdintasun dago HEX, RGB eta RGB hamartarraren artean?
Hirurek sRGB kolore bera deskribatzen dute hiru kanalekin: gorria, berdea eta urdina. RGBk kanal bakoitza 0tik 255era ematen du, 10eko oinarrian; HEXek zenbaki horiek berak 16ko oinarrian idazten ditu, bi zifra kanal bakoitzeko (00tik ffra). Hala, rgb(59, 130, 246) #3b82f6 da: 3b 59 da, 82 130 da eta f6 246 da.
«RGB hamartarra» aukerak kanal bakoitza 255ekin zatitzen du eta 0tik 1erako zenbaki bat ematen du, lau hamartarrekin: rgb(0.2314, 0.5098, 0.9647) adibide berean. 3D motor, shader eta liburutegi grafiko askok eskatzen duten forma da. Ez da CSS sintaxia: estilo-orri batean erabili RGB arrunta.
HSLk kolore bera deskribatzen du tonuarekin (0tik 360 gradura), saturazioarekin eta argitasunarekin ehunekotan. Erosoagoa da kolore bat eskuz argitzeko edo iluntzeko: nahikoa da azken zenbakia aldatzea.
Zertarako dira LAB, LCH, OKLAB eta OKLCH?
Kolorea nola hautematen dugun hobeto islatzeko pentsatutako kolore-espazioak dira: L-n aldaketa berak antzeko argitasun-aldaketa dirudi edozein tonutan. LCH eta OKLCH LAB eta OKLABen gauza bera adierazten dute, baina argitasunarekin, kromarekin (intentsitatea) eta tonuarekin, errazago doitzen dena.
Tresnak sRGBn lan egiten du D65 argiztatzailearekin, eta kanal bakoitza 0tik 255erako zenbaki oso batera biribiltzen du. sRGBk erakuts dezakeenetik kanpo dagoen LAB edo OKLCH bat idazten baduzu, kolorea hurbilenera mozten da eta balioak aldatu egiten dira itzultzean. Arrazoi beragatik, formatuen arteko joan-etorri batek hamartarren bat mugi dezake.
Taulako errenkadek, «RGB hamartarra» izan ezik, CSS sintaxia jarraitzen dute: lab() eta lch() L 0tik 100era dutela, eta oklab() eta oklch() L 0tik 1era dutela.
Ohiko galderak
Zer desberdintasun dago HSL eta OKLCH artean?
Biek argitasunaz, saturazioaz edo kromaz eta tonuaz deskribatzen dute kolorea, baina OKLCH hautemandako argitasuna uniformea izan dadin diseinatuta dago. OKLCHn L bera duten bi kolore berdin argi ikusten dira; HSLn ez beti.
Zertarako balio du RGB hamartarrak?
RGB bera da, baina 0tik 255era beharrean 0tik 1era adierazita. 3D motor, shader eta liburutegi grafiko askok eskatzen dute, hala nola Three.js edo Unity.
Zergatik aldatzen da hamartarren bat joan-etorriko bihurketan?
Bihurketa bakoitzak 8 bitera biribiltzen du kanal bakoitza (0–255). LAB edo OKLCH bezalako espazioetatik igaro eta itzultzean, unitate bateko aldea ager daiteke, begi hutsez nabaritzen ez dena.
Balioak zuzenean erabil ditzaket CSSan?
Bai: gaur egungo nabigatzaileek ulertzen dituzte hex, rgb(), hsl(), lab(), lch(), oklab() eta oklch() formatuak. Nabigatzaile zaharrei euskarria eman behar badiezu, egiaztatu bateragarritasuna.