Convertor de culori
Convertește instantaneu culorile între formatele HEX, RGB, HSL, CMYK și CIE LAB. Include verificare a contrastului și accesibilității WCAG 2.1, avertizare pentru spectrul de tipar și simulator pentru daltonism.
Instrumente Online#3B82F6
Detectarea nuanțelor RGB aditive incompatibile cu spectrul tipografic subtractiv cu 4 cerneluri.
Calcul matematic al luminanței relative și evaluarea lizibilității față de alb pur și negru pur.
Sisteme de Design & Tipografie Digitală
Claritate vizuală de contrast ridicat pentru interfețe software, sisteme de design și experiențe incluzive.
Sisteme de Design & Tipografie Digitală
Claritate vizuală de contrast ridicat pentru interfețe software, sisteme de design și experiențe incluzive.
Matrici matematice de proiecție (Brettel / Machado) pentru simularea percepției cromatice atipice.
Tricromație (Vedere Normală)
Percepție umană standard pe întreg spectrul de lumină vizibilă
Protanopie (Insensibilitate la Roșu)
Deficiență a conurilor L; sensibilitate diminuată la lungimi de undă mari (~1% bărbați)
Deuteranopie (Insensibilitate la Verde)
Deficiență a conurilor M; confuzie roșu-verde, cea mai răspândită deficiență (~5% bărbați)
Tritanopie (Insensibilitate la Albastru)
Deficiență a conurilor S; confuzie albastru-galben, afecțiune rară (~0,01% populație)
Acromatopsie (Monocromație Totală)
Absența totală a funcției conurilor retiniene; vedere exclusivă în tonuri de gri (~0,003%)
Sincronizare matematică bidirecțională instantanee între 7 formate de culoare standardizate.
Nuanțe coerente pentru design de interfețe, obținute prin variația luminozității cu păstrarea nuanței de bază.
Variabile de sistem și token-uri de design pregătite pentru copiere directă.
// Utilitare de culoare arbitrare Tailwind CSS <div className="bg-[#3b82f6] text-white border-[#3b82f6]" />
Ghid de Utilizare: Convertor de Culori & Studio de Accesibilitate (Pas cu Pas)
Învață conversia spațiilor de culoare, verificarea contrastului WCAG 2.1, spectrul de tipar și exportul de tokenuri.
Introdu Culoarea sau Folosește Lipirea Universală
Scrie sau lipește orice format de culoare în bara de căutare inteligentă: HEX (#3b82f6), RGB, HSL, HSV, CMYK, CIE LAB sau denumiri standard CSS (ex. 'coral', 'indigo'). Motorul detectează automat formatul și actualizează instantaneu toate secțiunile.
Ajustează Canalele cu Glisoare Interactive
Modifică în timp real valorile pentru Roșu, Verde, Albastru, Canal Alfa, Nuanță (Hue), Saturație, Luminozitate sau proporțiile de cerneală CMYK. Folosește paleta monocromatică în 5 trepte pentru a stabili nuanțele de interfață.
Verifică Accesibilitatea și Contrastul WCAG 2.1
Auditorul de accesibilitate integrat calculează raportul de contrast pe fundal alb și negru. Verifică dacă nuanța respectă nivelurile AA (minim 4.5:1 pentru text normal, 3:1 pentru text mare) și AAA (7:1) conform standardelor internaționale.
Inspectează Spectrul de Tipar (Puntea CMYK)
Verifică dacă nuanțele intense de pe ecran pot fi reproduse fizic la tipar. Dacă apare o avertizare privind depășirea spectrului CMYK, apasă 'Restrânge la spectrul de tipar' pentru a obține o aproximație sigură pentru print.
Simulează Deficiențele de Vedere (Daltonism)
Evaluează modul în care culoarea este percepută de utilizatori cu Protanopie (lipsa receptorilor de roșu), Deuteranopie (lipsa receptorilor de verde), Tritanopie (lipsa receptorilor de albastru) sau Acromatopsie (vedere monocromă).
Exportă Tokenuri de Design și Fragmente de Cod
Copiază valorile convertite cu un singur clic sau preia fragmente de cod optimizate pentru Tailwind CSS, Proprietăți Personalizate CSS (:root), SwiftUI (iOS) sau Jetpack Compose (Android).
Întrebări Frecvente (FAQ)
Răspunsuri tehnice despre teoria culorilor, spații cromatice digitale, accesibilitate web și tipar profesional.
Q:Care este diferența dintre modelele de culoare RGB, HSL și CMYK?
RGB este un model aditiv dedicat ecranelor digitale, obținut prin combinarea fasciculelor de lumină Roșie, Verde și Albastră în intervalul 0–255. HSL descrie culorile mai intuitiv prin Nuanță (Hue 0–360°), Saturație (0–100%) și Luminozitate (0–100%), facilitând designul UI. CMYK este un model substractiv utilizat în tipografii, combinând cerneluri Cyan, Magenta, Galben și Negru; deoarece hârtia reflectă lumina în loc să o emită, spațiul CMYK este mai restrâns decât RGB.
Q:Care sunt cerințele de contrast WCAG 2.1 pentru nivelurile AA și AAA?
Ghidul de accesibilitate web WCAG 2.1 stabilește raporturi minime de contrast între text și fundal pentru a garanta lizibilitatea. Nivelul AA impune un raport de cel puțin 4.5:1 pentru textul obișnuit și 3:1 pentru textul mare (18pt sau 14pt aldin) și elementele grafice din UI. Nivelul AAA impune cerințe mai stricte: minim 7:1 pentru text normal și 4.5:1 pentru text mare.
Q:De ce culorile vii de pe ecran par șterse atunci când sunt tipărite?
Monitoarele digitale emit lumină pe un spectru larg (sRGB sau DCI-P3), permițând afișarea nuanțelor neon sau a tonurilor electrice de albastru și verde. Hârtia absoarbe lumina ambiantă, iar cernelurile standard de tipar (CMYK) nu pot reproduce fizic aceste saturații extreme. Instrumentul nostru identifică nuanțele aflate în afara spectrului și calculează cel mai apropiat echivalent tipăribil.
Q:Ce este spațiul de culoare CIE LAB și de ce este important?
CIE L*a*b* este un spațiu cromatic independent de dispozitiv și uniform din punct de vedere perceptiv, creat de Comisia Internațională de Iluminat. 'L' reprezintă luminozitatea percepută (0–100), 'a' axa verde-roșu, iar 'b' axa albastru-galben. Spre deosebire de RGB sau HEX, o modificare numerică în spațiul LAB corespunde exact diferenței vizuale sesizate de ochiul uman.
Q:Cum funcționează simulatorul pentru deficiențe de vedere (daltonism)?
Simulatorul aplică matrici matematice de transformare cromatică bazate pe sensibilitatea conurilor retiniene: Protanopie (lipsa conurilor L pentru roșu), Deuteranopie (lipsa conurilor M pentru verde), Tritanopie (lipsa conurilor S pentru albastru) și Acromatopsie (lipsa totală a percepției cromatice). Astfel, poți previzualiza experiența vizuală a fiecărui grup și evita combinațiile inaccesibile.
Q:Ce este luminanța relativă și cum se calculează raportul de contrast?
Luminanța relativă (Y) indică luminozitatea percepută a unei culori, normalizată între 0 (negru) și 1 (alb), conform formulei sRGB: Y = 0.2126·R_lin + 0.7152·G_lin + 0.0722·B_lin. Raportul de contrast WCAG între două culori este egal cu (L1 + 0.05) / (L2 + 0.05), unde L1 este luminanța culorii mai deschise, iar L2 este luminanța culorii mai întunecate.
Q:Sunt datele, culorile sau paletele mele transmise către vreun server extern?
Nu. 100% din calculele matematice, transformările cromatice, evaluările WCAG și generarea codului se execută exclusiv în browserul tău. Nicio informație referitoare la culorile sau paletele tale nu este trimisă pe internet sau stocată pe servere.
Ce este Convertor de culori?
Aplicații Practice: Verificarea Accesibilității Guvernamentale
Instrumentar Tehnic pentru Dezvoltatori
| Funcție Analitică | Scop Tehnic | Impact Asupra Proiectului |
|---|---|---|
| Auditor WCAG 2.1 | Evaluează claritatea vizuală cu contrast ridicat împotriva albului și negrului pur. | Garantează că platformele digitale sunt complet accesibile și lizibile pentru toți utilizatorii. |
| Simulator Deficiențe de Vedere | Modelează științific matricele de percepție pentru afecțiuni ereditare. | Ajută la crearea unor sisteme de design empatice, testând afecțiuni precum Tritanopia. |
| Spațiul de Culoare CMYK | Procesează cernelurile substractive pentru tiparul comercial offset. | Oferă parametrii exacți (Cyan, Magenta, Galben, Negru) necesari materialelor publicitare fizice. |