Reňk kody dörediji we saýlaýjy

Reňk kodlaryny, üýtgeýişleri, garmoniýalary dörediň we kontrast derejelerini barlaň.

Reňk öwürmek

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

Üýtgeşiklikler

Bu bölümiň maksady, saýlan reňkiňiziň reňklerini (arassa ak goşulan) we reňkleri (arassa gara goşulan) 10% artygynda takyk öndürmek.

Maslahat: Aýlawly ýagdaýlar we kölegeler üçin öwüşginleri, esasy pursatlar we fon üçin reňkleri ulanyň.

Kölegeler

Esasy reňkiňize gara goşmak bilen döredilen garaňky üýtgeşiklikler.

Maslahat

Esasy reňkiňize ak goşmak bilen döredilen has ýeňil üýtgeşiklikler.

Köplenç ulanylýan ýagdaýlar

  • UI komponenti (hereketlendiriji, işjeň, ýapyk)
  • Kölegeler we esasy pursatlar bilen çuňluk döretmek
  • Yzygiderli reňk ulgamlaryny gurmak

Dizaýn ulgamy barada maslahat

Bu üýtgeýişler bitewi reňk palitrasynyň esasyny düzýär. Taslamaňyzyň yzygiderliligini saklamak üçin olary eksport ediň.

Reňk birleşmeleri

Her sazlaşygyň öz keýpi bar. Bilelikde işleýän reňkli taraklara garmonlary ulanyň.

Nädip ulanmaly

Hex bahasyny göçürmek üçin islendik reňk basyň. Bu kombinasiýalar wizual sazlaşygy döretmek üçin matematiki taýdan subut edildi.

Näme üçin möhüm?

Reňk garmoniýalary deňagramlylygy döredýär we dizaýnlaryňyzda aýratyn duýgulary döredýär.

Goşuň

Reňk tekerindäki reňk we tersi, +180 dereje. Contrastokary kontrast.

#ca4e4e
Iň gowusy: Impactokary täsirli dizaýnlar, CTA, logotipler

Bölünýän

Bir reňk we iki goşundy bilen ýanaşyk, esasy reňkiň garşysyndan bahadan +/- 30 dereje reňk. Göni goşundy ýaly goýy, ýöne has köptaraply.

Iň gowusy: Güýçli, ýöne deňagramly ýerleşişler

Triadic

Üç reňk reňk tekeriniň arasynda deň aralykda bolup, hersi 120 dereje reňkde bolýar. Bir reňkiň agdyklyk etmegine we beýlekileriň aksent hökmünde ulanylmagyna ýol bermek iň gowusy.

Iň gowusy: Oýunly, gujurly dizaýnlar

Analog

30 gradus aralykda reňk tigirine ýanaşyk birmeňzeş yşyklandyryş we doýma üç reňk. Moumşak geçişler.

Iň gowusy: Tebigatdan ylham alýan, köşeşdiriji interfeýsler

Monohromatiki

Lumagtylyk bahalary bilen birmeňzeş reňkli üç reňk +/- 50%. Inçe we inçe.

Iň gowusy: Minimalist, çylşyrymly dizaýnlar

Tetradik

60 dereje reňk bilen bölünen goşmaça reňkleriň iki toplumy.

Iň gowusy: Baý, dürli reňk shemalary

Reňk teoriýasynyň ýörelgeleri

Balans

Bir agdyklyk edýän reňk ulanyň, ikinji derejeli we aksent bilen az goldaw beriň.

Kontrast

Okalmagy we elýeterliligi üçin ýeterlik kontrast üpjün ediň.

Garmoniýa

Reňkler bitewi wizual tejribe döretmek üçin bilelikde işlemeli.

Reňk kontrastyny barlaýjy

Reňk kombinasiýalaryny, tekstiň okalmagy üçin WCAG elýeterlilik standartlaryna laýyk gelýändigine göz ýetiriň.

Tekstiň reňki
Arka reňki
Kontrast
Fail
Kiçi tekst
✖︎
Uly tekst
✖︎
WCAG standartlary
AA:Adaty tekst üçin iň pes kontrast gatnaşygy 4,5: 1, uly tekst üçin 3: 1. Web sahypalarynyň köpüsi üçin zerur.
AAA:Adaty tekst üçin 7: 1 we uly tekst üçin 4,5: 1 artdyrylan kontrast gatnaşygy. Iň amatly elýeterlilik üçin maslahat berilýär.

Hemmeler zehinlidir. Aöne bir agaja agaja çykmak ukyby bilen baha berseňiz, samsykdygyna ynanmak bilen bütin ömrüni ýaşar.

- Albert Einstein

Tehniki formatlar

Amaly formatlar

Reňk derňewi

Körlik simulyatory

Döredijilik taraplary