Reňk kody generatory & Picker

Reňk kodlaryny, üýtgeşmeleri, sazlaşyklary dörediň we kontrast gatnaşyklaryny barlaň.

Reňk öwrülişi

HEX

#00cc99

Caribbean Green

HEX
#00cc99
HSL
165, 100, 40
RGB
0, 204, 153
XYZ
27, 45, 37
CMYK
100, 0, 25, 20
LUV
73,-54,33
LAB
73, -54, 14
HWB
165, 0, 20

Wariantlar

Bu bölümiň maksady, saýlanan reňkiňize 10% artdyryş bilen arassa ak goşulyp açylýan we arassa gara goşulyp goýulýan reňkleri takyk öndürmekdir.

Hünärmen maslahaty: Hover ýagdaýlary we kölegeler üçin goýy reňkleri, ýagtylyklar we fonlar üçin açyk reňkleri ulanyň.

Goýy reňkler

Esasy reňkiňize gara goşulyp döredilen goýy wariantlar.

Açyk reňkler

Esasy reňkiňize ak goşulyp döredilen açyk wariantlar.

Adaty ulanyş ýagdaýlary

  • UI komponent ýagdaýlary (hover, işjeň, ýapyk)
  • Kölegeler we ýagtylyklar bilen çuňluk döretmek
  • Yzygiderli reňk ulgamlaryny gurmak

Dizaýn ulgamy maslahaty

Bu wariantlar bitewi reňk palitrasy üçin esas döredýär. Taslamaňyzda yzygiderliligi saklamak üçin olary eksport ediň.

Reňk kombinasiýalary

Her sazlaşygyň özboluşly keýpi bar. Bilelikde gowy işleýän reňk kombinasiýalaryny döretmek üçin sazlaşyklary ulanyň.

Näme üçin ulanmaly

Islendik reňkiň üstüne basyp, onuň hex bahasyny göçüriň. Bu kombinasiýalar wizual sazlaşyk döretmek üçin matematiki taýdan subut edilendir.

Näme üçin möhümdir

Reňk sazlaşyklary deňagramlylygy döredýär we dizaýnlaryňyzda belli bir duýgulary döredýär.

Komplement

Reňk tekerindäki reňk we onuň garşysy, +180 dereje reňk. Uly kontrast.

#00cc99
Iň gowy: Täsirli dizaýnlar, CTA'lar, logolar

Bölünen-komplementar

Bir reňk we onuň komplementiniň ýakynyndaky iki reňk, esasy reňkiň garşysyndaky bahadan +/-30 dereje reňk. Göni komplement ýaly batyrgaý, ýöne has köpugurly.

Iň gowy: Janly, ýöne deňagramly maketler

Triadik

Reňk tekerinde deň aralykda ýerleşýän üç reňk, hersi 120 dereje reňk aratapawudy bilen. Bir reňkiň agdyklyk etmegine rugsat bermek we beýlekileri aksent hökmünde ulanmak iň gowusydyr.

Iň gowy: Oýunly, energiýa bilen doly dizaýnlar

Analog

Şol bir ýagtylyk we doýgunlyk bilen reňk tekerinde ýakyn ýerleşýän üç reňk, 30 dereje aratapawudy bilen. Ýumşak geçişler.

Iň gowy: Tebigatdan ylham alan, rahatlandyryjy interfeýsler

Monohromatik

Şol bir reňkiň üç reňki, ýagtylyk bahalary +/-50%. Inçe we kämil.

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

Tetradik

Iki toplumlaýyn reňkler toplumy, 60 dereje reňk bilen bölünen.

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

Reňk teoriýasynyň prinsiplari

Deňagramlylyk

Bir esasy reňki ulanyň, ikinji derejeli bilen goldaň we aksentleri seýrek ulanyň.

Kontrast

Okalýanlygy we elýeterliligi üpjün etmek üçin ýeterlik kontrast üpjün ediň.

Harmoniýa

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

Reňk kontrast barlagçysy

Tekst okalmagy üçin WCAG elýeterlilik standartlaryna laýyk gelýändigine göz ýetirmek üçin reňk kombinasiýalaryny barlaň.

Tekst reňki
Fon reňki
Kontrast
1.00
Fail
Gaty pes
Kiçi tekst
✖︎
Uly tekst
✖︎
WCAG standartlary
AA:Adaty tekst üçin 4.5:1 we uly tekst üçin 3:1 minimal kontrast gatnaşygy. Köp web sahypalary üçin zerur.
AAA:Adaty tekst üçin 7:1 we uly tekst üçin 4.5:1 güýçlendirilen kontrast gatnaşygy. Optimal elýeterlilik üçin maslahat berilýär.
Tekstiň ähli ululyklary üçin kontrast ýeterlik däl - WCAG standartlaryna laýyk gelmeýär.

Ösen kontrast barlagçysy

Süýşürijiler, köp sanly öňünden görmeler we has köp bilen inçe sazlaň

Her kim bir zehin. Emma balygyň agaç dyrmaşmak ukyby bilen baha berseňiz, ol ömrüniň ahyryna çenli özüni samsyk hasaplar.

- Albert Einstein

Tehniki formatlar

Amaly Formatlar

Reňk seljermesi

Körlük simulýatory

Çeper taraplar