Gjenerues Paletash Ngjyrash Falas

Gjeneroni paleta ngjyrash plotësuese, analoge, triadike dhe monokromatike nga çdo ngjyrë bazë. Kopjoni kodet hex me një klik.

Funksionon jashtë linje sapo ngarkohet

Shkruaj një kod hex, një emër ngjyre si teal ose tomato, ose rgb(20, 184, 166) / hsl(174, 80%, 40%), pastaj shtyp Enter.

Paletë marke · 7 ngjyra
Formati i kopjimit
Eksporto:
Bazë
Mbi të bardhë 2.5Dështon
Mbi të zezë 8.4AAA
Theks
Mbi të bardhë 2.9Dështon
Mbi të zezë 7.2AAA
Nuancë e çelët
Mbi të bardhë 1.1Dështon
Mbi të zezë 19.4AAA
Nuancë e errët
Mbi të bardhë 9.0AAA
Mbi të zezë 2.3Dështon
Neutrale e çelët
Mbi të bardhë 1.1Dështon
Mbi të zezë 19.3AAA
Neutrale e mesme
Mbi të bardhë 4.1AA e madhe
Mbi të zezë 5.1AA
Neutrale e errët
Mbi të bardhë 16.1AAA
Mbi të zezë 1.3Dështon

Kontrolli i tekstit dhe sfondit

Shembull titulli të madh
Shembull teksti të zakonshëm për këtë çift
8.44:1Tekst normal AAATekst i madh AAA
Provo këto

Do ngjyra nga një foto? Përdor nxjerrësin e ngjyrave nga imazhi

Si funksionon

Mjeti është ndërtuar me zero biblioteka të jashtme — e gjithë matematika e ngjyrave funksionon në JavaScript të shkruar me dorë direkt në shfletuesin tënd. Konverton ngjyrën e zgjedhur mes heks dhe HSL, pastaj zbaton rregulla klasike harmonie të teorisë së ngjyrave (komplementare, treshe, analoge, etj.) përmes aritmetikës mbi rrotën e ngjyrimit për të prodhuar çdo paletë.

  1. 1
    Konvertim heks-në-HSL
    Kur zgjedh një ngjyrë, mjeti analizon vargun heks në komponentë RGB dhe i konverton në HSL (ngjyrimi, saturimi, ndriçimi). Ngjyrimi është pozicioni 0–360 gradë në rrotën e ngjyrave; e gjithë matematika e paletës ndodh në këtë hapësirë.
  2. 2
    Aritmetika e ngjyrimit për harmoni
    Çdo lloj palete është një formulë rrotullimi fiks e zbatuar mbi ngjyrimin bazë. Komplementarja shton 180°, treshja shton 120° dhe 240°, katërshja lëviz me hapa 90°, komplementarja e ndarë përdor 150° dhe 210°. Monokromatikja dhe nuancat mbajnë ngjyrimin dhe saturimin konstante ndërsa lëvizin ndriçimin lart e poshtë.
  3. 3
    Dalja HSL-në-heks
    Çdo trefish HSL i llogaritur konvertohet përsëri në ngjyrë heks duke përdorur formulën standarde chroma. Rezultatet shfaqen si një shirit ngjyrash me etiketa kontrasti automatike (tekst i errët në mostra të çelëta, tekst i çelët në ato të errëta) të përcaktuara nga një prag i thjeshtë ndriçimi.
  4. 4
    Eksporto në formatin që preferon
    Paleta mund të kopjohet si vargje heks ose eksportohet si skedar variablash CSS (:root { --color-1: … }), variabla SCSS, një fragment konfigurimi Tailwind, një objekt JSON, ose një shirit ngjyrash PNG. Eksportimi PNG përdor API-në Canvas të shfletuesit (toDataURL) për të vizatuar çdo mostër me etiketën e saj heks — gjithçka gjenerohet lokalisht me klikim.

Mjete të ngjashme

Pyetjet e bëra më shpesh