Kerül bármi kiszolgálóra

Nem. A választó, a színátmenet-építő és a képpipetta a böngésződben fut, az előzmények pedig a saját eszközöd helyi tárolójában vannak.

Milyen formátumokat másolhatok

HEX, RGB és RGBA, HSL, HSV, CMYK, XYZ, LAB és LCH, valamint kész CSS-deklaráció egyszínű felületre és színátmenetre egyaránt.

Miért nem jelenik meg a képernyő-pipetta

A böngésző EyeDropper felületére támaszkodik, ami nincs meg mindenhol. Ha hiányzik, tölts fel egy képet, és onnan vedd le a színt.

Hogyan válogatjuk a trendszíneket

Megfigyelt használatból, nem előrejelzésből: mely színeket választják, és milyen gyakran, egy éven át.

Használhatom ezeket a színeket üzletileg

Igen. Egy színérték senkié, tehát bármit másolsz innen, mehet egyenesen a munkádba.

Válassz színt, vidd a kódot, és folytasd a munkát

Színválasztó, színátmenet-építő és képpipetta egyetlen oldalon. Nincs fiók, nincs telepítés és nincs várakozás: válassz egy árnyalatot, és másold HEX, RGB, HSL vagy HSV formában.

Színoldal megnyitása

Színkódok

HEX#0F37FF

RGBrgb(15, 55, 255)

HSLhsl(230°, 100%, 52.94%)

HSVhsv(230°, 94.12%, 100%)

CMYKcmyk(94.12%, 78.43%, 0%, 0%)

XYZxyz(19.61, 10.05, 95.5)

LABlab(37.93, 62.96, -98.45)

LCHlch(37.93, 116.86, 302.6°)

Trendszínek

Összes trendszín megtekintése

Mi van benne

Pipetta

Vegyél színt feltöltött képről, vagy bárhonnan a képernyőről, ahol a böngésző engedi. Ejtsd a fájlt az oldalra, és kattints egy képpontra.

Formátumátváltás

Válts azonnal a HEX, RGB, HSL, HSV, CMYK, XYZ, LAB és LCH között, és másold bármelyik értéket egyenesen a CSS-be vagy a tervezőprogramodba.

Színátmenet-építő

Adj hozzá és húzz megállókat a sávon, válts lineáris és sugaras között, állítsd a szöget és az átlátszóságot, majd másold a kész CSS-t.

Színelőzmények

Minden elkészített szín és színátmenet a böngésződben marad, hogy később visszatérhess hozzá vagy más projektben újra felhasználhasd.

Harmóniák és változatok

Minden színoldalon ott vannak a világosabb és sötétebb árnyalatok és hat harmóniaséma, és bármelyikből egy kattintással színátmenet lesz.

Ingyenes és személyes

Nincs fizetőfal, és nem követjük, mit választasz. A feltöltött képek a böngészőben olvasódnak, és sehová nem kerülnek.

Kinek szól

Tervezők és termékcsapatok: Amikor felületet vagy márkapalettát vázolsz, párosításokat próbálsz, és egy színátmenet pontos CSS-ét másolod.
Illusztráció és festészet: Színek levételéhez fényképekről és festményekről pipettával, és lágy átmenetek megtervezéséhez.
Frontend-fejlesztés: Következetes színértékek előállításához egy projekten belül, és értékek visszaolvasásához egy kész tervből.
Aki akadálymentességet ellenőriz: Egy szín összehasonlításához több modellben, és addig igazításához, amíg a kontrasztarány át nem lépi a szükséges küszöböt.

Hogyan használd

1
Válassz színt
Kattints bárhová a telítettségi mezőben, majd finomíts az árnyalat és az átlátszóság csúszkáival. A HEX, RGB és HSV menet közben frissül.
2
Vedd le egy képről
Húzz egy képet az oldalra vagy válassz fájlt, majd kattints a kívánt képpontra. A kódok azonnal megjelennek.
3
Építs színátmenetet
Kattints a sávra egy megálló hozzáadásához, és húzd a helyére. Válts lineáris vagy sugaras között, és állítsd be a szöget.
4
Másold és használd újra
Másold az értéket vagy a teljes CSS-deklarációt. Minden választásod magától az előzményekbe kerül.

Gyakori kérdések

Kis eszköz, amely nem áll az útba

Belső segédeszközként indult: szerettünk volna elcsípni egy színt, igazítani rajta és továbbmenni anélkül, hogy előbb egy nehéz tervezőprogramot kellene megnyitni. Szándékosan egyetlen oldal, szándékosan gyors, és ingyenes is marad.

Böngészőbővítmények

Inkább közvetlenül a meglátogatott oldalakról vennéd le a színeket? A Chrome- és Edge-bővítmények pipettát tesznek az eszköztárba, saját előzményt vezetnek, és egy kattintással megnyitják ezt az eszközt.

Chrome Webáruház megnyitása Microsoft Edge bővítmények megnyitása