#124366 Adâncimea Farului

    Generează coduri de culoare, variații, armonii și verifică rapoartele de contrast.

    Conversie de Culoare

    HEX

    #124366

    HEX
    #124366
    HSL
    205, 70, 24
    RGB
    18, 67, 102
    XYZ
    5, 5, 13
    CMYK
    82, 34, 0, 60
    LUV
    27,-11,-28
    LAB
    27, -3, -25
    HWB
    205, 7, 60

    Variații

    Scopul acestei secțiuni este de a produce cu acuratețe nuanțe (alb pur adăugat) și umbre (negru pur adăugat) ale culorii selectate în trepte de 10%.

    Sfat Pro: Folosește umbre pentru stările de hover și umbre, nuanțe pentru evidențieri și fundaluri.

    Umbre

    Variații mai întunecate create prin adăugarea de negru la culoarea ta de bază.

    Nuanțe

    Variații mai deschise create prin adăugarea de alb la culoarea ta de bază.

    Cazuri de utilizare comune

    • Stări componente UI (hover, activ, dezactivat)
    • Crearea de adâncime cu umbre și evidențieri
    • Construirea de sisteme de culori consistente

    Sfat pentru sistemul de design

    Aceste variații formează baza unei palete de culori coerente. Exportă-le pentru a menține consistența în întregul tău proiect.

    Combinații de culori

    Fiecare armonie are propria sa stare de spirit. Folosește armoniile pentru a genera idei de combinații de culori care funcționează bine împreună.

    Cum să folosești

    Dă clic pe orice culoare pentru a copia valoarea sa hex. Aceste combinații sunt dovedite matematic pentru a crea armonie vizuală.

    De ce contează

    Armoniile de culori creează echilibru și evocă emoții specifice în designurile tale.

    Complement

    O culoare și opusul său pe roata culorilor, +180 de grade de nuanță. Contrast ridicat.

    #124366
    Cel mai bun pentru: Designuri de mare impact, CTA-uri, logo-uri

    Complementar divizat

    O culoare și două adiacente complementului său, +/-30 de grade de nuanță de la valoarea opusă culorii principale. Îndrăzneț ca un complement direct, dar mai versatil.

    Cel mai bun pentru: Layout-uri vibrante dar echilibrate

    Triadic

    Trei culori distanțate uniform pe roata culorilor, fiecare la 120 de grade de nuanță. Cel mai bine este să permiți unei culori să domine și să folosești celelalte ca accente.

    Cel mai bun pentru: Designuri jucăușe, energice

    Analoge

    Trei culori cu aceeași luminozitate și saturație, cu nuanțe adiacente pe roata culorilor, la 30 de grade distanță. Tranziții line.

    Cel mai bun pentru: Interfețe inspirate de natură, liniștitoare

    Monocromatic

    Trei culori cu aceeași nuanță, cu valori de luminozitate +/-50%. Subtil și rafinat.

    Cel mai bun pentru: Designuri minimaliste, sofisticate

    Tetradic

    Două seturi de culori complementare, separate de 60 de grade de nuanță.

    Cel mai bun pentru: Scheme de culori bogate, diverse

    Principiile teoriei culorilor

    Echilibru

    Folosește o culoare dominantă, susține cu una secundară și accentuează cu moderație.

    Contrast

    Asigură un contrast suficient pentru lizibilitate și accesibilitate.

    Armonie

    Culorile ar trebui să lucreze împreună pentru a crea o experiență vizuală unificată.

    Verificator de contrast de culoare

    Testează combinațiile de culori pentru a te asigura că îndeplinesc standardele de accesibilitate WCAG pentru lizibilitatea textului.

    Culoare text
    Culoare fundal
    Contrast
    1.00
    Fail
    Foarte slab
    Text mic
    ✖︎
    Text mare
    ✖︎
    Standarde WCAG
    AA:Raport minim de contrast de 4.5:1 pentru text normal și 3:1 pentru text de mari dimensiuni. Necesare pentru majoritatea site-urilor web.
    AAA:Raport de contrast îmbunătățit de 7:1 pentru text normal și 4.5:1 pentru text de mari dimensiuni. Recomandat pentru accesibilitate optimă.
    Contrast insuficient pentru toate dimensiunile textului - nu respectă standardele WCAG.

    Verificator de contrast avansat

    Ajustează fin cu glisoare, previzualizări multiple și altele

    Toată lumea este un geniu. Dar dacă judeci un pește după abilitatea sa de a se cățăra într-un copac, va trăi toată viața crezând că este prost.

    - Albert Einstein

    Formate Tehnice

    Formate practice

    Analiza culorii

    Simulator de daltonism

    Aspecte creative

    Întrebări frecvente

    Ce culoare este #124366?
    #124366 este Adâncimea Farului – Un albastru întunecat cu subton rece de teal, seamănând cu lumina filtrată a mării adânci în amurg. Inspiră stabilitate reflexivă și o tărie liniștită, ca o voce calmă într-o încăpere gravă.
    Ce simbolizează Adâncimea Farului?
    stabilitate profesională, mister marin, autoritate liniștită, profunditate intelectuală, rezervă emoțională. În Europa de Vest, tonurile profunde de albastru sunt asociate cu autoritatea militară și instituțională; în Japonia, nuanțele de albastru adânc evocă tradiția indigo și sobrietatea estetică; în Orientul Mijlociu, albastrul profund poate transmite protecție și spiritualitate legată de cer și apă.
    Unde este folosită Adâncimea Farului în design?
    În spații sau interfețe, această nuanță reduce agitația vizuală și focalizează atenția pe conținut principal. Creează un cadru care face textul și elementele calde să iasă în evidență, încurajând decizii reflec­tive.
    Ce culori se potrivesc cu Adâncimea Farului?
    colorCode.seoFaqPairingAnswer #E07A2A: Complementar: portocaliul cald oferă contrast energetic și evidențiază CTA-urile și accentele (complementary contrast).. #0B6A7E: Analogic-teal: o nuanță mai verde pentru tranziții armonioase între albastru adânc și tonuri verzi, utilă în gradații și fundaluri (analogous harmony).. #C6A45A: Split-complementar cald: aurul închis aduce o senzație premium și pune în valoare texturile fără a încărca vizual (split-complementary balance)..
    Cum afectează Adâncimea Farului starea de spirit?
    Încredere calmată cu autoritate discretă Provoacă siguranță și respect, dar păstrează o ușoară distanțare afectivă. colorCode.seoFaqMoodTraits
    Ce industrii folosesc Adâncimea Farului?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Care este istoria culorii Adâncimea Farului?
    Nu există un moment unic pentru "nașterea" unei nuanțe atât de specifice, dar tonuri similare au apărut din indigo natural și din primele pigmen­te albastre sintetice: indigoul (folosit de mii de ani) a furnizat profunzimea, iar în secolul XVIII prusianul (Prussian blue) a permis reproducerea unor albastru-închis mai stabile în pictură și țesături. Amestecuri tradiționale între ultramarin natural și pigmenți ferici au generat variații cu subtonuri verzi-teal, apropiate de #124366.
    Cum să folosești Adâncimea Farului în design?
    Menține contrastul și echilibrul temperaturii: combină albastrul profund cu accente calde și neutrali deschiși pentru lizibilitate și prospețime.colorCode.seoFaqDesignDo
    Este Adâncimea Farului accesibilă?
    colorCode.seoFaqAccessibilityAnswer Respectă WCAG AA pentru text normal și mare.