Tento výběr barvy začíná vizuálním vzorkem a přesná čísla nechává stále po ruce. Můžete vložit CSS hex hodnotu jako #3366cc, doladit červený, zelený, modrý a alfa kanál nebo upravit odstín, sytost a světlost při práci na design systému. Žádné hodnoty barev se nenahrávají - převody probíhají lokálně v JavaScriptu.
Bezplatný výběr barvy
Běží celé ve vašem prohlížeči - nic se nenahrává, žádná registrace.
Vybráno#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Co je výběr barvy?
Výběr barvy je nástroj pro zvolení přesné digitální barvy a zkopírování jejích hodnot pro design nebo kód. Použijte vzorek, pole HEX, posuvníky RGB nebo ovládání HSL a hned zkopírujte hodnoty HEX, RGB, HSL, HSV nebo CMYK. Vše běží ve vašem prohlížeči.
Jak na to
- 1Vyberte nebo vložte barvu. Klikněte na velký vzorek a otevřete výběr barvy v prohlížeči, nebo vložte 3-, 4-, 6- či 8místnou hex hodnotu do pole HEX.
- 2Upravte kanály. Použijte posuvníky RGB pro červenou, zelenou, modrou a alfa, nebo upravte odstín, sytost a světlost, když chcete ovládání vhodnější pro design.
- 3Zkopírujte potřebný formát. Jedním kliknutím zkopírujte HEX, HEX8, RGB, HSL, HSV nebo CMYK. Náhled i každý výstup se aktualizují živě.
Pro koho je nástroj
- Front-end vývojáři, kteří při stavbě rozhraní kopírují HEX, RGB a HSL hodnoty připravené pro CSS.
- Designéři, kteří ladí firemní barvu po kanálech místo odhadování v grafické aplikaci.
- Marketingové týmy, které sjednocují barvy kampaní v e-mailových editorech, dokumentech a sociálních podkladech.
- Studenti a tvůrci, kteří se učí, jak RGB, HSL, HSV a CMYK popisují stejnou barvu.
Časté dotazy
Je tento výběr barvy zdarma?
Ano. Výběr barvy je zdarma, bez registrace a bez limitu použití. Otevřete stránku, zvolte barvu a zkopírujte formát, který potřebujete.
Nahrávají se moje barvy někam?
Ne. Výběr barvy i převody běží ve vašem prohlížeči pomocí obyčejného JavaScriptu. Vybrané barvy se neposílají na server.
Které formáty barev můžu kopírovat?
Můžete kopírovat HEX, 8místný HEX s alfa kanálem, RGB nebo RGBA, HSL nebo HSLA, HSV a CMYK. Nástroj je při úpravách drží synchronizované.
Můžu vložit hex barvu?
Ano. Vložte 3místné, 4místné, 6místné nebo 8místné CSS hex hodnoty, se symbolem # i bez něj. Zkrácené hodnoty se rozvinou podle běžných pravidel CSS.
Co je HEX8?
HEX8 je 8místná hex barva, kde poslední dvojice ukládá alfa kanál. Například #3366cc80 je stejná modrá s přibližně 50% neprůhledností.
Mám v CSS používat RGB nebo HSL?
RGB použijte, když potřebujete přesné hodnoty kanálů nebo alfa přes rgba(). HSL se hodí, když chcete vytvářet světlejší tóny, tmavší varianty nebo související stavy rozhraní změnou sytosti a světlosti.