Vyberte barvu, vezměte kód a pokračujte v práci
Výběr barvy, tvorba přechodů a kapátko na obrázky na jedné stránce. Bez účtu, bez instalace a bez čekání: vyberte odstín a zkopírujte ho jako HEX, RGB, HSL nebo HSV.
Kódy barvy
#0F37FFrgb(15, 55, 255)hsl(230°, 100%, 52.94%)hsv(230°, 94.12%, 100%)cmyk(94.12%, 78.43%, 0%, 0%)xyz(19.61, 10.05, 95.5)lab(37.93, 62.96, -98.45)lch(37.93, 116.86, 302.6°)Trendy barvy
Zobrazit všechny trendy barvyCo je uvnitř
Kapátko
Naberte barvy z nahraného obrázku, nebo odkudkoli na obrazovce tam, kde to prohlížeč umožňuje. Přetáhněte soubor na stránku a klikněte na pixel.
Převod formátů
Okamžitě přepínejte mezi HEX, RGB, HSL, HSV, CMYK, XYZ, LAB a LCH a kopírujte kteroukoli hodnotu rovnou do CSS nebo do svého grafického nástroje.
Tvorba přechodů
Přidávejte a přesouvejte zarážky na liště, přepínejte lineární a radiální, nastavte úhel i krytí a pak zkopírujte hotové CSS.
Historie barev
Každá barva i přechod zůstávají ve vašem prohlížeči, takže se k nim můžete vrátit nebo je použít v jiném projektu.
Harmonie a varianty
Každá stránka barvy ukazuje světlejší a tmavší odstíny a šest harmonických schémat a kterékoli z nich promění jedním kliknutím v přechod.
Zdarma a soukromě
Žádná placená zeď a žádné sledování toho, co si vyberete. Nahrané obrázky se čtou v prohlížeči a nikam neodcházejí.
Pro koho to je
- Designéři a produktové týmy
- Při náčrtu rozhraní nebo značkové palety, zkoušení kombinací a kopírování přesného CSS pro přechod.
- Ilustrace a malba
- Pro nabírání barev z fotografií a obrazů kapátkem a plánování měkkých přechodů.
- Front-end vývoj
- Pro tvorbu konzistentních barevných hodnot napříč projektem a jejich vyčtení z hotového návrhu.
- Kontrola přístupnosti
- Pro srovnání barvy napříč modely a její úpravu, dokud poměr kontrastu nepřekročí požadovanou hranici.
Jak to používat
- 1
Vyberte barvu
Klikněte kamkoli do pole sytosti a pak dolaďte posuvníky odstínu a průhlednosti. HEX, RGB i HSV se průběžně aktualizují.
- 2
Naberte z obrázku
Přetáhněte obrázek na stránku nebo vyberte soubor a klikněte na požadovaný pixel. Kódy se objeví hned.
- 3
Sestavte přechod
Kliknutím na lištu přidáte zarážku a přetáhnete ji na místo. Přepněte lineární nebo radiální a nastavte úhel.
- 4
Zkopírujte a použijte
Zkopírujte hodnotu nebo celou deklaraci CSS. Vše, co si vyberete, se automaticky uloží do historie.
Časté dotazy
Malý nástroj, který nepřekáží
Začalo to jako interní pomůcka: chtěli jsme si vzít barvu, upravit ji a jít dál, aniž bychom nejdřív otevírali těžký grafický program. Je to záměrně jedna stránka, záměrně rychlá, a zůstane zdarma.
Rozšíření prohlížeče
Chcete barvy nabírat rovnou ze stránek, které si prohlížíte? Rozšíření pro Chrome a Edge přidají kapátko na lištu, vedou vlastní historii a otevřou tento nástroj jedním kliknutím.