Ezzel az online színválasztóval feltöltött képből választhat színt, támogatott böngészőben a képernyőről is vehet mintát, vagy kézzel adhat meg színértéket. A kiválasztott színt konvertálhatja, képpalettát nyerhet ki, harmonizáló színeket generálhat, ellenőrizheti a szövegkontrasztot, és CSS-változókat másolhat anélkül, hogy oldalt kellene váltania.
Válasszon ki egy helyi képet, vigye fölé az egeret a pixelek előnézetéhez, majd kattintson a szín kiválasztásához. Kattintás után a nyílbillentyűkkel pontosíthatja a kiválasztott pixelt.
Használja a böngésző képernyőalapú színválasztóját, ha támogatott. A natív választó megnyitása néhány pillanatot igénybe vehet.
Adjon meg HEX vagy HEXA értéket, például #2563EB vagy #2563EBFF.
Az online színválasztóról
Ezzel az online színválasztóval feltöltött képből választhat színt, támogatott böngészőben a képernyőről is vehet mintát, vagy kézzel adhat meg színértéket. A kiválasztott szín azonnal átalakítható gyakori formátumokra, például HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV és CMYK értékekre, így a szükséges színkódot oldalváltás nélkül másolhatja.• Funkciók
Kép alapú színválasztó: Válasszon ki egy helyi képet, majd vigye az egeret a kép fölé a közeli pixelek előnézetéhez. Kattintson a képre az aktuális szín kiválasztásához. Képpaletta kinyerése: Kép feltöltése után az eszköz kompakt palettát készít a fő színekből, amelyek másolhatók vagy aktuális színként alkalmazhatók. Pixelszintű pontosítás: Miután képből kiválasztott egy színt, a nyílbillentyűkkel pontosabban beállíthatja a kiválasztott pixel pozícióját. Képernyőalapú színválasztó: A böngésző beépített képernyőalapú színválasztójával színt választhat a képernyőről, ha ezt a funkciót a böngésző támogatja. Kézi színbevitel: Adjon meg színt kézzel színválasztóval vagy HEX / HEXA értékkel, például #2563EB vagy #2563EBFF. Több színformátum: A kiválasztott szín HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV és CMYK formátumba konvertálható. Harmonizáló színek: Az aktuális színből komplementer, analóg, triádikus, finom világos és tompított tónusú változatok generálhatók. Világosabb és sötétebb árnyalatok: Hozzon létre praktikus világostól sötétig tartó színskálát hátterekhez, keretekhez, hover állapotokhoz, jelvényekhez és UI-elemekhez. Szövegkontraszt és UI színpárosítás: Hasonlítsa össze a fehér és fekete szöveget WCAG-kontraszt alapján, tekintsen meg APCA-jellegű észlelési referenciát, és kapjon kényelmesebb UI színpárjavaslatot, ha egy erősen telített színhez sötétebb vagy világosabb háttér illik jobban. CSS-változók: Másoljon azonnal használható CSS-változókat az aktuális színhez, világos és sötét változatokhoz, olvasható szövegszínhez, valamint ajánlott UI háttér- és szövegpárhoz. Böngészőben történő feldolgozás: A kép beolvasása, a színválasztás, a paletta kinyerése és a színkonvertálás közvetlenül a böngészőben történik, külön alkalmazás telepítése nélkül.• Megjegyzések
A képernyőalapú színválasztó a böngésző támogatásától függ. Azokban a böngészőkben, amelyek nem támogatják a képernyőről történő színválasztást, továbbra is használható a kép alapú választás vagy a kézi bevitel. Képből történő színválasztáskor a kép méretezhető, hogy illeszkedjen az oldalhoz, de a mintavételezett szín vissza van képezve az eredeti kép pixelpozíciójára. A szövegkontraszt a kiválasztott egyszínű értékből kerül kiszámításra. Ha a szöveg gradiensre, fotóra, átlátszóságra vagy textúrázott háttérre kerül, a végleges megjelenést vizuálisan is ellenőrizze. Az APCA-jellegű érték észlelési referenciaként jelenik meg a WCAG-kontraszt mellett. Ezen az oldalon a megfelelési / nem megfelelési akadálymentességi ellenőrzés alapja továbbra is a WCAG-kontraszt. Felületeken, dokumentumokban, képekben vagy nyomtatott anyagokban használt színek végső megjelenése eltérhet a kijelzőbeállítások, színprofilok, fájlformátumok és kimeneti eszközök függvényében. :wiki_link