Sări la conținut
Complet local

Generator de paletă pentru temă întunecată

Transformă culorile unui tema deschis într-o paletă pentru noapte cu contrast verificat.

Intrare
30
Ieșire

Generator de paletă pentru temă întunecată

Lipiți culorile dintr-o temă deschisă — una pe linie — și această unealtă generează un echivalent întunechat pentru fiecare, gata de inserat în foaia de stil. A fost creată pentru situația comună de a livra tema întunecată după ce tema deschisă deja există: furnizați culorile de fundal, suprafețe și accente și ea returnează același set, inversat pentru o interfață de noapte.

Denumește fiecare linie ca proprietate CSS personalizată ("background: #ffffff", "--accent: #3366cc") sau simplu lipiți o valoare hexazecimală simplă. Culoarea de fundal a temei întunecate stabilește fondul paginii pe care se construiește paleta, și contrastul fiecărei culori este verificat împotriva lui. Contrastul țintă alege WCAG AA (4.5:1) sau AAA (7:1) — accentele (intrările mai saturate, destinate textului, legăturilor și pictogramelor) sunt ajustate către acel raport, în timp ce suprafețele neutre sunt raportate onest dar niciodată forțate, deoarece fundalul unui card nu este citit ca text. Desaturare netezește culorile care ar fi strălucitoare la saturație deplină în întuneric, Păstrare nuanță accentu menține culoarea și intensitatea mărcii intacte, și Hartă niveluri elevație creează o scară subtilă de tonuri neutre deasupra fundului, cum ar fi un card deasupra paginii din spatele acesteia.

O linie pe care unealta nu o poate citi ca o culoare — un comentariu rătăcit, un antet gol — este omisă în loc să rupă restul listei, și numărătoarea apare în totalizare alături de câte culori au fost generate și câte accente au atins contrastul țintă. Listele foarte lungi și terminațiile de linie Windows sau Unix sunt ambele gestionate fără configurare suplimentară.

Totul funcționează local în browser: culorile nu sunt niciodată încărcate sau trimise nicăieri. Copiați rezultatul, descărcați ca fișier .txt, sau trimiteti rezultatul înapoi în intrare pentru a continua rafinarea paletei.

FAQ

Ce format de intrare se așteaptă?
O culoare pe linie, ca valoare hexazecimală. Denumiți-o ca o variabilă CSS ("primary: #3366cc") pentru un nume de variabilă ușor de citit, sau lipiți un cod hexazecimal simplu și unealta o va numi automat.
Cum decide care culori sunt accente?
O culoare cu saturație notabilă este tratată ca accentu — destinată textului, legăturilor sau pictogramelor — și este ajustată la nivelul de contrast ales. O culoare aproape de gri este tratată ca suprafață și urmează maparea elevației.
De ce nu toate culorile ating raportul de contrast țintă?
Doar accentele sunt ajustate la țintă, deoarece acel raport este o regulă de contrast de text. Fundurile de suprafață nu sunt text, deci contrastul lor este raportat în totalizare dar nu forțat.
Ce face "Hartă niveluri elevație"?
Ea avansează culorile neutre și cu saturație redusă din noul fundal întunechat în mici incremente uniforme, în loc să oglindească luminozitatea lor originală — același efect stratificat ca un card deasupra unui fundal de pagină.
Lista mea de culori este trimisă undeva?
Nu. Paleta este generată în întregime în browser și nu părăsește niciodată dispozitivul.