Generator de culori complementare

Returnează două culori sub formă de coduri hexazecimale cu șase cifre, scrise cu litere mici. Culoarea 1 este culoarea de bază, iar Culoarea 2 este complementara sa, aflată exact în partea opusă pe cercul cromatic.

Instrumentul convertește codul hexazecimal în HSL, adaugă 180 de grade la nuanță și păstrează neschimbate saturația și luminozitatea. Valoarea rotită este convertită înapoi în RGB și scrisă ca un cod hexazecimal, astfel încât complementara are aceeași vivacitate și luminozitate ca baza.

Introduceți un cod hexazecimal de 3 sau 6 cifre, cu sau fără # la început, cu litere mari sau mici, de exemplu #ff5733, FF5733 sau #f00. Notațiile RGB și HSL și numele culorilor nu sunt acceptate aici, așa că transformați-le mai întâi în cod hexazecimal cu un convertor de culori.

Culoarea de bază este convertită în HSL folosind valori întregi pentru nuanță, saturație și luminozitate, apoi reconvertită în cod hexazecimal, astfel că o componentă poate varia cu o singură unitate. De exemplu, #ff5733 devine #ff5833, iar complementara sa este #33daff.

Complementara culorii #ff0000 este #00ffff, cyan. Acest instrument folosește cercul HSL bazat pe RGB, utilizat pentru ecrane, așa că roșul se asociază cu cyan, nu cu verdele ca pe cercul cromatic tradițional al pictorilor.

Culorile neutre au saturație zero, așa că rotirea nuanței nu schimbă nimic, iar ambele rezultate sunt aceeași nuanță de gri. Alegeți o culoare de bază cu puțină saturație dacă aveți nevoie de o complementară vizibilă.

Folosiți o culoare pe cea mai mare parte a suprafeței și complementara cu moderație pentru îndemnuri la acțiune, evidențieri sau date pe care doriți să le scoateți în evidență. Cantități egale din ambele culori la saturație maximă tind să creeze un efect vizual vibrant, așa că estompați sau întunecați una dintre ele pentru suprafețe mari.

Nu, calculează doar perechea de culori. O culoare complementară păstrează luminozitatea bazei, așa că cele două culori pot avea o luminanță similară și un contrast slab pentru text; verificați perechea cu un instrument de verificare a contrastului WCAG înainte de a folosi una peste cealaltă.

Nu, fiecare rulare acceptă exact un cod hexazecimal. Datele introduse pe mai multe rânduri sau textul suplimentar sunt respinse cu un mesaj de eroare, așa că rulați instrumentul o dată pentru fiecare culoare de bază.

Da. Acest instrument folosește același calcul ca opțiunea Complementară din Generatorul de palete de culori, așa că aceeași culoare de bază produce întotdeauna aceleași două coduri hexazecimale în ambele instrumente.