Sări la conținut
Complet local

Generator de paletă de culori

Transformați o culoare într-o paletă completă folosind reguli de armonie cromatică.

Intrare
0
0
Ieșire

Generator de paletă de culori

Lipiți o culoare de bază ca cod hex, rgb() sau hsl() și acest instrument construiește o paletă completă în jurul acesteia folosind reguli de armonie cromatică, nu doar o scară de luminozitate a aceleiași nuanțe. Alegeți complementară pentru o singură culoare opusă, complementară divizată sau triadă pentru contrast echilibrat, tetradă pentru un dreptunghi cu patru culori, analogă pentru nuanțe vecine care se potrivesc bine, sau monocromatică pentru tonuri și tinte ale unei singure nuanțe.

Opțiunea armonie decide câte culori sunt generate — complementară returnează întotdeauna două, triadă și complementară divizată returnează trei, tetradă returnează patru — în timp ce numărarea culorilor și unghiul pasului de nuanță se aplică doar analogei și monocromatiee, unde alegeți câte culori și la ce distanță. Calculați în HSL pentru matematica clasică a roții cromatice, sau treceți la OKLCH, care menține aceeași luminozitate percepută pe toate nuanțele, deci paleta nu va avea o mostră straniu de întunecată sau decolorată lângă celelalte. Glisoarele de ajustare a saturației și luminozității reglează întreaga paletă după construirea armoniei, și opțiunea de format culoare tipărește fiecare rezultat ca hex, rgb(), hsl() sau oklch().

Fiecare mostră este verificată pentru WCAG AA (4.5:1) ca text pe fundal alb și negru, marcată cu ✓ sau ✗ lângă fiecare raport — util pentru a alege care culori din paleta generată sunt sigure pentru textul corpului versus numai decorație. Exportați rezultatul ca o listă simplă, un bloc de proprietăți CSS personalizate gata de lipit într-o foaie de stil, sau un obiect de configurare al culorilor Tailwind.

Tot funcționează local în browserul dumneavoastră — culoarea pe care o introduceți nu este niciodată încărcată undeva. Copiați rezultatul, descărcați ca fișier .txt, sau trimiteți la intrarea altui instrument pentru a continua să lucrați cu el.

FAQ

Ce formate de intrare acceptă pentru culoarea de bază?
Coduri hex (#3b82f6, #38f, cu sau fără #), rgb()/rgba() și hsl()/hsla(). Lipiți pe care din acestea și paleta se actualizează instantaneu.
Care este diferența dintre HSL și OKLCH în calcul?
HSL este matematica clasică a roții cromatice și este rapidă și previzibilă. OKLCH este un spațiu perceput uniform, deci o paletă construită în el menține o luminozitate percepută mai uniformă pe toate nuanțele, în loc ca unele culori să pară accidental mai întunecate sau mai ușoare decât celelalte.
De ce schimbarea "culorilor din paletă" afectează doar unele armologii?
Complementară, complementară divizată, triadă și tetradă sunt fixe prin definiție — două, trei, trei și patru culori. Numărarea controlează doar analogă și monocromatică, care pot avea în mod rezonabil orice număr de culori.
Ce înseamnă ✓/✗ lângă fiecare culoare?
Este raportul de contrast WCAG al acelei culori folosit ca text pe fundal alb și pe fundal negru, cu ✓ când depășește pragul AA de 4.5:1 și ✗ când nu.
Culoarea mea este încărcată undeva?
Nu. Paleta este generată în întregime în browserul dumneavoastră — nimic din ceea ce tastați nu este trimis la un server.