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

Iġġenera kodiċijiet tal-kulur, varjazzjonijiet, armoniji, u ċċekkja l-proporzjonijiet tal-kuntrast.

Konverżjoni tal-Kulur

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

Varjazzjonijiet

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

Parir Professjonali: Uża sfumaturi għall-istati tal-hover u d-dellijiet, u lewn ċar għall-punti ewlenin u l-isfondi.

Dellijiet

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

Lewn

Varjazzjonijiet eħfef maħluqa billi żżid l-abjad mal-kulur bażi tiegħek.

Każijiet ta' Użu Komuni

  • Stati tal-komponent tal-UI (waqt li tgħaddi l-maws, attiv, diżattivat)
  • Il-ħolqien ta' fond bid-dellijiet u l-punti ewlenin
  • Il-bini ta' sistemi ta' kulur konsistenti

Tip ta' Sistema ta' Disinn

Dawn il-varjazzjonijiet jiffurmaw il-pedament ta' paletta ta' kuluri koerenti. Esporthom biex iżżomm il-konsistenza fil-proġett kollu tiegħek.

Kombinazzjonijiet ta' Kuluri

Kull armonija għandha l-burdata tagħha. Uża l-armoniji biex toħloq ideat dwar taħlitiet ta’ kuluri li jaħdmu tajjeb flimkien.

Kif Tuża

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

Għaliex Huwa Importanti

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

Kompliment

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

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

Split-komplementari

Kulur u tnejn biswit il-komplementari tiegħu, +/-30 grad ta' lewn mill-valur oppost għall-kulur prinċipali. Grassett bħal komplementari dritt, iżda aktar versatili.

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

Trijadiku

Tliet kuluri spazjati b'mod uniformi tul ir-rota tal-kulur, kull wieħed 120 grad ta' lewn 'il bogħod minn xulxin. 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 ferrieħa u enerġetiċi

Analogu

Tliet kuluri bl-istess luminanza u saturazzjoni b'lewn li huma biswit xulxin fuq ir-rota tal-kulur, 30 grad 'il bogħod minn xulxin. Tranżizzjonijiet bla xkiel.

L-aħjar għal: Interfejsijiet ispirati min-natura u kalmanti

Monokromatiku

Tliet kuluri tal-istess lewn b'valuri ta' luminanza +/-50%. Sottili u raffinati.

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

Tetradiku

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

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'kulur sekondarju, u aċċenta bil-moderazzjoni.

Kuntrast

Kun żgur li jkun hemm kuntrast suffiċjenti għall-leġġibilità u l-aċċessibbiltà.

Armonija

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

Kontroll tal-Kulur Kuntrast

Ittestja l-kombinazzjonijiet tal-kuluri biex tiżgura li jissodisfaw l-istandards ta' aċċessibilità tal-WCAG għall-leġġibilità tat-test.

Kulur tat-Test
Kulur tal-Isfond
Kuntrast
Fail
Test żgħir
✖︎
Test kbir
✖︎
Standards tal-WCAG
AA:Proporzjon minimu ta' kuntrast ta' 4.5:1 għal test normali u 3:1 għal test kbir. Meħtieġ għal ħafna websajts.
AAA:Proporzjon ta' kuntrast imtejjeb ta' 7:1 għal test normali u 4.5:1 għal test kbir. Rakkomandat għal aċċessibilità ottimali.

Kulħadd huwa Genius. Imma Jekk Tiġġudika Ħut mill-Abbiltà tiegħu li jitla’ fuq Siġra, Jgħix Ħajtu Sħiħ billi Jemmen li Huwa Stupid.

- Albert Einstein

Formati Tekniċi

Formati Prattiċi

Analiżi tal-Kulur

Simulatur tal-Għama

Aspetti Kreattivi