ImageColorPicker.com

Reňk kontrast barlagçysy

Elýeterliligi üpjün etmek üçin öň we fon reňkleriniň kontrast gatnaşygy barlaň.

Reňkleriňi barla

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

5.39 gola 1
Kontrast
AA
Tekst netijesi
Gowy

Seljerildi: #000000 üstünde #4989A4

Tekst

16px, Gapyl (400)

Adaty tekstdigine hasaplanýar.

  • AA (WCAG 1.4.3): azyndan 4.5:1

    Geçdi

  • AAA (WCAG 1.4.6): azyndan 7:1

    1.61 has gerek

    Şowsuz

Ulanyjy interfeýsi bölekleri we grafikalar

Iconlar, girizme çäklendirmeleri, fokus görkezijileri we interfeýsi ulanmak üçin görmeli beýleki bölekler.

  • AA (WCAG 1.4.11): azyndan 3:1

    Geçdi
5.39 1-e. Tekst: AA-iň talaplaryny kanagatlandyrýar, AAA-e laýyk gelmeýär. UI komponentleri: gabat gelýär.
Nämeçe barlanýar
Seljerilen reňkler (garaşdyrylandan soň)
Tekst #000000 fony #4989A4 üstünde
Relýativ ýagtylyk
Tekst 0.0000, fon 0.2198
Formula
(L1 + 0.05) / (L2 + 0.05) iň ýagty reňkiň L1 ýagtylygy we has gara reňkiň L2 ýagtylygy diýilýär.
Takyk nisbat
5.3976 deň 1-e, görkezilişi 5.39 deň 1-e. Görkezilen baha kesilip görkezilýär, tegelekleşdirilmeýär, şonuň üçin hiç haçan hakykatdan gowy görünmeýär. Talap bilen deňeşdirilýän baha takyk bahadyr.

Tekst ululygy: 16px, Gapyl (400)

Adaty tekstdigine hasaplanýar. Uly tekst iň az 24px (18pt) ýa-da galyň bolanda (agram 700 ýa-da ýokary) iň az 18.67px (14pt). Ölçegler kesilip görkezilýär, tegelekleşdirilmeýär.

Adaty tekstdigine hasaplanýar. Uly tekst iň az 24px (18pt) ýa-da galyň bolanda (agram 700 ýa-da ýokary) iň az 18.67px (14pt). Ölçegler kesilip görkezilýär, tegelekleşdirilmeýär.

Aa
Öňünden görnüşiň sözbaşysy

Çalt goňur tilki ýalta itiň üstünden bökýär

Kiçi tekst mysaly (12px)

Tekst
#000000
Fon
#4989a4

WCAG standartlary

AA derejesi

Adaty tekst üçin iň pes kontrast gatnaşygy 4.5:1 we uly tekst üçin 3:1. Köp web sahypalary üçin zerur.

AAA derejesi

Adaty tekst üçin ýokary kontrast gatnaşygy 7:1 we uly tekst üçin 4.5:1. Iň optimal elýeterlilik üçin teklip edilýär.

Reňk kontrast barlaýjysy

Tekst we fon reňkleriniň kontrast gatnaşygy hasapla.

Reňk saýlaýjyny ulanyp, tekst we fond reňkini saýlaň ýa-da RGB onaltalyk formatda reňk giriziň (mysal üçin, #259 ýa-da #2596BE). Reňk saýlamak üçin suw geçirişini sazlap bilersiňiz. Web Mazmuny Elýeterlilik Gollanmasy (WCAG) göze görünýän ulanyjylar üçin tekstiň okalýandygyny kesgitlemek üçin ýörite gollanmany öz içine alýar. Bu meýilnama reňk kombinasiýalaryny deňeşdirip bolýan gatnaşyklara geçirmek üçin belli bir algoritmi ulanýar. Bu formulany ulanyp, WCAG tekst we fon bilen 4.5:1 reňk kontrast gatnaşygy adaty tekst üçin ýeterlikdigini, uly tekst (18+ pt adaty ýa-da 14+ pt galyň) üçin azyndan 3:1 kontrast gatnaşygy bolmalydygyny aýdýar.

Esasy aýratynlyklar

  • Hakyky wagt kontrast gatnaşygy hasaplamasy
  • WCAG AA & AAA laýyklyk barlagy
  • Takyk sazlamak üçin HSL süýşürijileri
  • Köp görnüşli öňünden görmek

Ösen gurallar

  • Awtomatiki reňk düzedişi
  • Tekst we fon nusgalary
  • Reňk adyny anyklamak
  • Netijeleri eksport etmek

Köp soralýan soraglar

WCAG AA laýyklygy üçin adaty tekst iň az 4,5:1 kontrast gatnaşygyny talap edýär, uly tekst (18pt ýa-da 14pt galyň) bolsa 3:1 talap edýär.

WCAG AAA has ýokary kontrast gatnaşyklaryny talap edýär: adaty tekst üçin 7:1 we uly tekst üçin 4,5:1, AA-da degişlilikde 4,5:1 we 3:1.

Dizaýn niýetiňizi saklap, tekstiň ýa-da fonyň reňkini sazlamak üçin awto-düzediş aýratynlygyny ulanyň ýa-da reňkleri HSL slaýderleri bilen özüňiz sazlaň. Olar AA/AAA laýyklygy üçin optimal zolaklary görüp bolýan görkezijiler bilen görkezýär.

Ýaşyl zolaklar we AA/AAA belgileri WCAG laýyklygy üçin optimal aralyklary görkezýär. Ugur maslahatlary (Ýagtyrak/Garaňkyrak) häzirki reňk utgaşmaňyza görä has gowy kontrasta ugrukdyrýar.

Hawa, islendik HEX reňk kodyny girizip bilersiňiz ýa-da öz reňkleriňizi reňk saýlaýjy bilen saýlap bilersiňiz. URL awtomatiki täzelenýär, şonuň üçin belli reňk utgaşmalaryny paýlaşyp bilersiňiz.