Online Tool Store
Denumitor de Paletă de Culori
Inserează culori și obține pentru fiecare un nume, cea mai apropiată culoare CSS, avertismente de aproape-duplicate și contrast WCAG — export CSS sau JSON.
🔒 Acest instrument rulează în întregime în browserul tău. Fișierele tale nu sunt niciodată încărcate pe un server.
Instrument de browser
Denumitor de Paletă de Culori
Cum funcționează
- Inserează culorile — hex, rgb() sau nume de culoare CSS, câte unul pe linie sau separate prin virgulă.
- Fiecare primește un nume: un nume de culoare CSS exact în caz de potrivire apropiată, altfel o descriere generată precum „Albastru Închis Intens”.
- Verifică avertismentele pentru culorile aproape identice și valorile de contrast dacă vei folosi o culoare ca text sau fundal.
- Exportă întreaga paletă ca proprietăți personalizate CSS sau JSON.
FAQ
Datele mele sunt încărcate undeva?
Nu. Color Palette Namer rulează în întregime în browserul tău — nimic nu este trimis către un server.
De unde provin numele?
Din două surse. Dacă o culoare este foarte apropiată de unul dintre cele 148 de cuvinte-cheie standard de culoare CSS (precum „forestgreen” sau „royalblue” — verificate conform specificației CSS/SVG), se folosește acel nume exact. Altfel, se generează un nume descriptiv din nuanță, luminozitate și saturație, precum „Albastru Închis Intens” — niciodată un nume inventat, imposibil de verificat.
Ce înseamnă o culoare „aproape-duplicat”?
Două culori suficient de apropiate în spațiul de culoare perceptual (măsurat în CIE Lab, nu în RGB brut) încât să pară aproape identice una lângă alta — un lucru obișnuit de depistat înainte de a publica o paletă cu două nuanțe imposibil de deosebit.
Ce înseamnă valorile de contrast?
Raportul de contrast WCAG 2 al acelei culori față de alb și negru pur, de la 1:1 (fără contrast) la 21:1 (negru pe alb). AA necesită 4,5:1 pentru text normal sau 3:1 pentru text mare; AAA necesită 7:1 — util pentru a verifica dacă o culoare este sigură ca text sau fundal.
Pot introduce mai multe culori odată?
Da — câte una pe linie, sau separate prin virgulă. Sunt acceptate coduri hex, rgb()/rgba() și nume de culoare CSS.
Cât de precis este rezultatul?
Cele 148 de nume exacte de culoare CSS sunt verificate conform specificației CSS Color Module / SVG. Distanțele dintre culori folosesc o conversie standard sRGB în Lab, verificată față de valori de referință publicate. Numele descriptive urmează o schemă bazată pe intervale clare de nuanță/luminozitate/saturație, nu o presupunere.
Pot folosi numele pentru tokenuri de design sau un ghid de stil?
Da — exact pentru asta a fost construit: transformarea unei palete de coduri hex în nume ușor de citit pe care le poți folosi în nume de tokenuri, documentație sau un ghid de stil în loc de valori hex brute.
Cum ne comparăm
| Funcție | Online Tool Store | Căutător hex Theme & Color | Software de design contra cost |
|---|---|---|---|
| Denumește o paletă întreagă deodată, nu o culoare pe rând | ✓ | ✗ | ✓ |
| Semnalează culorile aproape-duplicat din aceeași paletă | ✓ | Nu se aplică — o singură culoare | ✗ |
| Contrastul WCAG față de alb și negru afișat direct | ✓ | ✗ | De obicei un instrument separat |
| Potrivirea exactă folosește un nume de culoare CSS standard verificat | ✓ | ✓ | Denumire specifică brandului |
| Gratuit, fără înregistrare | ✓ | ✓ | Adesea pe bază de abonament |
Căutătoarele de nume pentru o singură culoare sunt construite pentru a verifica o mostră pe rând. Acesta este construit pentru a analiza o paletă întreagă — verificările de aproape-duplicate și contrast sunt exact ceea ce depistează problemele înainte ca o paletă să fie publicată.