TextArray
100% helyi

Színkonverter

Válts át színeket HEX, RGB és HSL között, alfacsatornával és árnyalatpalettával.

Bemenet
4
Kimenet
Kapcsolódó eszközök
Hex szövegre és visszaKódolás és átalakításHash generátorFejlesztői eszközökSlug generátorFejlesztői eszközökQR-kód generátorFejlesztői eszközök
Színkonverter
Illessz be egy színt bármelyik írásmódban, amit a CSS ismer — #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) —, és a másik kettő azonnal megjelenik. A rövid hex, például a #f00, kiegészül, a kettőskereszt elhagyható, az eszköz pedig a régebbi, vesszős és az újabb, szóközös írásmódot is elolvassa anélkül, hogy meg kellene mondanod, éppen melyiket használod. Írj soronként egy színt, és egyszerre válthatod át az egész palettát — pontosan erre van szükség, amikor a tervezőtől hex kódok oszlopa érkezik, a stíluslapod viszont HSL-ben íródott.
Az alfacsatorna végigmegy az átváltáson, bárhogyan is írod: az rgba(59, 130, 246, 0.5), az rgb(59 130 246 / 50%) és a nyolcjegyű #3b82f680 ugyanazt a félig áttetsző kéket írja le, és mindegyik átvált a többire. Kapcsold ki az „Alfacsatorna megtartása” lehetőséget, ha csak a fedő színre van szükséged. A kimeneti formátum menü hexre, RGB-re vagy HSL-re szűkíti az eredményt, ami hosszabb listáknál jön jól, a szintaxis menü pedig az rgb(255, 0, 0) és az rgb(255 0 0 / 0.5) között dönt, így a másolt érték egyből illeszkedik a meglévő kódodhoz. A nagybetűs hex egyetlen jelölőnégyzet.
Bekapcsolt árnyalatpalettával minden szín kap egy táblázatot a világosabb és sötétebb változatokból, egyenletesen a fehér és a fekete felé keverve. Gyors módja annak, hogy egyetlen márkaszínből levezesd a hover állapotokat, a kereteket és a letiltott elemeket, grafikai program megnyitása nélkül. Válassz oldalanként egy és nyolc lépés között; az alapszín középen, 0%-nál áll.
Minden a böngésződben fut — nincs feltöltés, nincs kiszolgáló, nincs regisztráció. A publikálatlan márkaszínek a gépeden maradnak. A színnek nem beillő sorok CSS megjegyzésként a helyükön maradnak, és az összegzés megszámolja őket, így egyetlen elgépelés sem takarja el egy hosszú lista többi részét. A megnevezett CSS színeket, mint a rebeccapurple, az eszköz nem ismeri; azokat előbb váltsd hexre.
Gyakori kérdések
Milyen színírásmódokat olvas az eszköz?
A 3, 4, 6 és 8 jegyű hexet kettőskereszttel vagy anélkül; az rgb() és rgba() függvényt; a hsl() és hsla() függvényt. A vesszős és a szóközös írásmód is működik, a színárnyalat pedig elfogadja a deg, rad, grad és turn egységet. A megnevezett színek, például a rebeccapurple, nem támogatottak.
Hogyan kezeli az alfacsatornát?
Az alfát a negyedik argumentumból, a perjeles alakból és a nyolcjegyű hexből is kiolvassa, majd a választott formátumban írja vissza. Az „Alfacsatorna megtartása” kikapcsolásával a fedő színt kapod.
Miért csúszik el a szín egy számjeggyel visszaváltáskor?
A HSL egész fokban és egész százalékban jelenik meg, ezért a kerekített érték újraolvasása a szomszédos 8 bites színre eshet: a hsl(217, 91%, 60%) értékből #3c83f6 lesz, nem #3b82f6. A böngészők ugyanígy kerekítenek. Ha a pontos bájt számít, maradj a hexnél.
Mire jó az árnyalatpaletta?
Egyenletes világossági lépésekben keveri a színt a fehér és a fekete felé, és kiírja minden változatát, így egyetlen alapszínből felépítheted a hover, keret és letiltott árnyalatokat. Oldalanként egy és nyolc lépés között választhatsz.
Feltöltődik valahová a szövegem?
Nem. Az átváltás teljes egészében a böngésződben fut, és semmi nem hagyja el az eszközödet, amit beillesztesz.