Online színválasztó

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.

1. Kép alapú színválasztó

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.

Még nincs kiválasztva kép. A színek kiválasztásához először válasszon egy képet fent.
Kiválasztott kép előnézete
Képpaletta
Kattintson egy színre az alkalmazáshoz
Töltsön fel egy képet a fő színek kinyeréséhez.
További módok a szín kiválasztására
2. Szín választása képernyőről

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.

3. Szín megadása kézzel

Adjon meg HEX vagy HEXA értéket, például #2563EB vagy #2563EBFF.

Paletta
Kattintson egy színre az alkalmazáshoz
Harmonizáló színek
Világosabb és sötétebb árnyalatok
Aktuális szín
#2563EB

Eredmény

Használat felületen
Szövegkontraszt és CSS
Szövegkontraszt és UI színpár
CSS-változók

                        
StarryTool adatvédelmi nyilatkozat: A StarryTool nagyra értékeli az adatvédelmet. Ezen az oldalon minden adatfeldolgozás az eszközödön, kliensoldali JavaScript segítségével történik, ami biztosítja az adatok biztonságát. Nem rögzítünk és nem tárolunk sem beküldött, sem létrehozott adatokat. Weboldalunk adatvédelmi gyakorlatáról további információt az Adatvédelmi irányelvek oldalon találsz.

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
#2563EB
rgb(37, 99, 235)
x: 0, y: 0
Másolva