Ġeneratur u Picker tal-Kodiċi tal-Kulur

    Ġenera kodiċijiet tal-kulur, varjazzjonijiet, armoniji, u iċċekkja r-rati tal-kuntrast.

    Konverżjoni tal-Kulur

    HEX

    #bdb3c7

    Chatelle

    HEX
    #bdb3c7
    HSL
    270, 15, 74
    RGB
    189, 179, 199
    XYZ
    47, 47, 61
    CMYK
    5, 10, 0, 22
    LUV
    74,17,-9
    LAB
    74, 7, -9
    HWB
    270, 70, 22

    Varjazzjonijiet

    L-iskop ta' din it-taqsima huwa li tipproduċi b'mod preċiż tints (abjad pur miżjud) u shades (iswed pur miżjud) tal-kulur magħżul tiegħek f'żidiet ta' 10%.

    Pro Tip: Uża shades għal stati ta' hover u dellijiet, tints għal highlights u sfondi.

    Shades

    Varjazzjonijiet aktar skuri maħluqa billi żżid iswed mal-kulur bażi tiegħek.

    Tints

    Varjazzjonijiet aktar ċari maħluqa billi żżid abjad mal-kulur bażi tiegħek.

    Każijiet ta' Użu Komuni

    • Stati ta' komponenti UI (hover, attiv, diżattivat)
    • Ħolqien ta' fond b'dellijiet u highlights
    • Bini ta' sistemi ta' kulur konsistenti

    Tip tas-Sistema tad-Disinn

    Dawn il-varjazzjonijiet jiffurmaw il-pedament ta' paletta ta' kulur koerenti. Esportahom biex iżżomm il-konsistenza madwar il-proġett kollu tiegħek.

    Kombinazzjonijiet ta' Kulur

    Kull armonija għandha l-burdata tagħha stess. Uża armoniji biex toħloq kombinazzjonijiet ta' kuluri li jaħdmu tajjeb flimkien.

    Kif tuża

    Ikklikkja fuq kwalunkwe kulur biex tikkopja l-valur hex tiegħu. Dawn il-kombinazzjonijiet huma matematikament ippruvati li joħolqu armonija viżwali.

    Għaliex Huwa Importanti

    L-armoniji tal-kulur joħolqu bilanċ u jqajmu emozzjonijiet speċifiċi fid-disinji tiegħek.

    Komplement

    Kulur u l-oppost tiegħu fuq ir-rota tal-kulur, +180 gradi ta' ton. Kuntrast għoli.

    #bdb3c7
    L-aħjar għal: Disinji ta' impatt għoli, CTAs, logos

    Komplementari maqsum

    Kulur u tnejn li huma viċin tal-komplement tiegħu, +/-30 gradi ta' ton mill-valur oppost tal-kulur prinċipali. Audaci bħal komplement dirett, iżda aktar versatili.

    L-aħjar għal: Layouts vibranti iżda bilanċjati

    Triadiku

    Tliet kuluri mqassma b'mod ugwali fuq ir-rota tal-kulur, kull wieħed 120 grad ta' ton 'il bogħod. L-aħjar li tħalli kulur wieħed jiddomina u tuża l-oħrajn bħala aċċenti.

    L-aħjar għal: Disinji ħajjin u enerġetiċi

    Analog

    Tliet kuluri bl-istess luminanza u saturazzjoni b'toni li huma viċin fuq ir-rota tal-kulur, 30 grad 'il bogħod. Tranżizzjonijiet lixxi.

    L-aħjar għal: Interfaces ispirati min-natura, kalmanti

    Monokromatiku

    Tliet kuluri bl-istess ton b'valuri ta' luminanza +/-50%. Sottile u raffinati.

    L-aħjar għal: Disinji minimalisti, sofistikati

    Tetradiku

    Żewġ settijiet ta' kuluri komplementari, separati b'60 grad ta' ton.

    L-aħjar għal: Skemi ta' kuluri rikki u diversi

    Prinċipji tat-Teorija tal-Kulur

    Bilanċ

    Uża kulur dominanti wieħed, appoġġja b'sekondarji, u aċċenta b'mod skars.

    Kuntrast

    Kun żgur li hemm kuntrast suffiċjenti għall-qarrejja u l-aċċessibilità.

    Armonija

    Il-kuluri għandhom jaħdmu flimkien biex joħolqu esperjenza viżwali unifikata.

    Verifika tal-Kuntrast tal-Kulur

    Ittestja kombinazzjonijiet ta' kuluri biex tiżgura li jilħqu l-istandards ta' aċċessibilità WCAG għat-test leġibbli.

    Kulur tat-Test
    Kulur tal-Isfond
    Kuntrast
    1.00
    Fail
    Ħażin ħafna
    Test żgħir
    ✖︎
    Test kbir
    ✖︎
    Standards WCAG
    AA:Rata minima ta' kuntrast ta' 4.5:1 għat-test normali u 3:1 għat-test kbir. Meħtieġa għall-biċċa l-kbira tal-websajts.
    AAA:Rata ta' kuntrast imtejba ta' 7:1 għat-test normali u 4.5:1 għat-test kbir. Rakkomandata għal aċċessibilità ottimali.
    Kuntrast insuffiċjenti għal kull daqs ta' test - jonqos mill-istandards WCAG.

    Kontrollur Avvanzat tal-Kuntrast

    Iffine-tune b'sliders, diversi previews u aktar

    Kulħadd huwa Ġenju. Imma Jekk Tiġġudika Ħuta mill-Abbiltà Tagħha li Titla' Siġra, Se Tgħix Ħajjitha kollha Temmen li Hija Stupida.

    - Albert Einstein

    Formati Tekniċi

    Formats Prattici

    Analiżi tal-Kulur

    Simulatur tal-Għama tal-Kulur

    Aspetti Kreattivi