Conversia codurilor de culori

Conversia codurilor de culori (Convertor de culori)

Când specificați o culoare folosind selectorul de culori sau o valoare numerică, sistemul calculează automat valorile HEX, RGB, HSL, HSV și CMYK. Puteți copia fiecare format cu un singur clic și puteți verifica raportul de contrast cu culorile complementare și culorile textului.

Introduceți o culoare

Suportă formatele #RGB, #RGBA, #RRGGBB și #RRGGBBAA.

%
%

%
%

%
%
%
%

Rezultatul traducerii

Culorile introduse au fost convertite în fiecare format de culoare.

Text de exemplu
HEX—
HEXA (cu opacitate)—
RGB—
RGBA—
HSL—
HSLA—
HSV / HSB—
CMYK—

Culori complementare

—

Aceasta este culoarea opusă, deplasată cu 180 de grade pe roata culorilor.

Contrast cu culoarea textului

Raportul față de textul alb—
Raportul față de textul negru—
Culoarea textului trebuie să fie ușor de citit：—

Toate conversiile de culori se efectuează în browser; datele introduse nu sunt trimise către server.

Ce este un instrument de conversie a codurilor de culori?

Color Code Converter este un instrument online gratuit care convertește reprezentările numerice ale culorilor utilizate în designul web, dezvoltarea de aplicații, editarea imaginilor și designul de tipar. Chiar și pentru aceeași culoare, formatul utilizat pentru a o specifica — cum ar fi HEX, RGB, HSL, HSV sau CMYK — variază în funcție de aplicație sau de software. Cu ajutorul acestui instrument, puteți vizualiza valorile pentru toate formatele principale dintr-o singură privire, introducând pur și simplu o singură culoare.

HEX este o notație hexadecimală utilizată pe scară largă în CSS-ul site-urilor web. De exemplu, albul este reprezentat ca #FFFFFF, iar negrul ca #000000. RGB este un sistem care combină lumina roșie, verde și albastră pe o scală de la 0 la 255 și este utilizat pentru gestionarea culorilor pe ecrane. RGBA și HEXA cu 8 cifre vă permit, de asemenea, să specificați opacitatea, ceea ce le face utile pentru crearea de culori de fundal și suprapuneri semitransparente.

HSL reprezintă culoarea folosind nuanța, saturația și luminozitatea. Nuanța este specificată pe o roată a culorilor cu un interval de la 0 la 360 de grade, în timp ce saturația și luminozitatea sunt specificate pe o scală de la 0 la 100%.Acest format facilitează ajustarea intuitivă a culorilor, cum ar fi creșterea ușoară a luminozității sau atenuarea intensității lor. HSV sau HSB reprezintă culoarea folosind nuanța, saturația și luminozitatea și este utilizat în multe programe grafice și instrumente de selectare a culorilor.

CMYK este un model de culoare bazat pe cantitățile de ceruleu, magenta, galben și negru și este utilizat în principal în industria tipografică. Cu toate acestea, valorile CMYK calculate matematic pe baza culorilor RGB afișate pe ecran reprezintă doar o orientare aproximativă. Deoarece rezultatele reale ale tipăririi depind de factori precum hârtia, cerneala, mașina de tipărit și profilurile ICC, vă rugăm să consultați tipografia cu care colaborați și să verificați mediul de gestionare a culorilor pentru materialele tipărite care necesită precizie cromatică.

Acest instrument afișează nu numai valorile pentru fiecare format, ci și o previzualizare a culorii selectate, a culorii sale complementare (deplasată cu 180 de grade în nuanță) și a raportului de contrast atunci când textul alb și cel negru sunt suprapuse. Este util pentru selectarea culorilor de text care sunt ușor de citit pe fundalul de culoare și pentru a lua în considerare schemele de culori având în vedere accesibilitatea.Toate calculele sunt efectuate în browser, iar informațiile despre culori pe care le introduceți nu sunt niciodată trimise către server.

Mod de utilizare

  1. Utilizați selectorul de culori sau introduceți o valoare în format HEX, RGB, HSL, HSV sau CMYK.
  2. În funcție de formatul introdus, valorile din celelalte formate de culoare vor fi actualizate automat.
  3. Dacă este necesară transparența, reglați glisorul de transparență sau câmpul numeric.
  4. Când faceți clic pe „Afișați rezultatele conversiei”, veți fi redirecționați către secțiunea de rezultate, unde puteți verifica fiecare format, culorile complementare și raportul de contrast.
  5. Faceți clic pe „Copiere” în formatul dorit, apoi lipiți-l în CSS, instrumente de proiectare, documentație etc.

Precauții de utilizare

  • Valorile CMYK sunt conversii generale derivate din RGB și nu garantează reproducerea exactă a culorilor la tipărire.
  • Transparența se reflectă în valorile RGB, HSL și HEXA, dar CMYK nu include conceptul de transparență.
  • În funcție de setările ecranului, ale browserului și ale sistemului de operare, același cod de culoare poate apărea diferit.
  • Raportul de contrast este calculat pe baza culorilor opace, excluzând transparența. Lizibilitatea poate varia în funcție de imaginea de fundal reală și de modul în care elementele se suprapun.
  • Numerele zecimale foarte mici vor fi rotunjite la un număr adecvat de zecimale pentru a facilita citirea.

Întrebări frecvente

Culorile sunt reprezentate în notație hexazecimală. De obicei, se utilizează formatul #RRGGBB cu 6 cifre; atunci când se include transparența, se utilizează formatul #RRGGBBAA cu 8 cifre.

RGB este format din trei componente — roșu, verde și albastru —, în timp ce RGBA adaugă un canal alfa pentru a reprezenta transparența.

Această funcție este utilă atunci când doriți să reglați luminozitatea sau saturația, păstrând aceeași nuanță. De asemenea, este potrivită pentru crearea de variații de culoare în CSS.

În general, acestea se referă la același model. „V” înseamnă „Value” (valoare), iar „B” înseamnă „Brightness” (luminozitate), deși terminologia poate varia în funcție de aplicație.

Afișează valori aproximative bazate pe formule generale. Pentru a obține culori precise la imprimare, sunt necesare profiluri ICC și un mediu de imprimare specific.

Da. Dacă introduceți o valoare în formatul #RGB, aceasta va fi convertită în formatul #RRGGBB, fiecare cifră fiind repetată de două ori.

Da. Suportă atât intrări și ieșiri de tip #RGBA, cât și #RRGGBBAA.

Acestea sunt culori situate pe partea opusă a roții de culori. Acest instrument le calculează prin rotirea nuanței HSL cu 180 de grade.

Acest indicator cuantifică diferența de luminozitate dintre culoarea fundalului și cea a textului. În general, cu cât valoarea este mai mare, cu atât textul este mai ușor de distins.

Comparați raporturile de contrast din secțiunea de rezultate; alegerea celui cu raportul mai mare va îmbunătăți lizibilitatea.

Nu. Conversia și afișarea au loc în întregime în browser; valorile culorilor nu sunt trimise către server pentru procesare.

Da. Puteți converti valorile folosind selectorul de culori sau câmpurile de introducere numerică în browserele compatibile.