ImageColorPicker.com

ቀለም መለዋወጫ መለኪያ

የፊት እና የጀርባ ቀለሞች መለዋወጫ መጠን ለመሙከር እንደሚያሟላሉ ያረጋግጡ።

ቀለሞችዎን ያረጋግጡ

የቀለም ጥምረቶችን ለመሙከር የWCAG አካል መጠን ያሟላሉ እንደሚሆኑ ያረጋግጡ።

5.39 እስከ 1
መለዋወጫ
AA
የጽሑፍ ውጤት
ጥሩ

ተወያይፋል: #000000 በ #4989A4

ጽሑፍ

16px, ልብስ ያለ (400)

እንደ መደበኛ ጽሑፍ ይቈጠራል።

  • AA (WCAG 1.4.3): ቢያንስ 4.5:1

    አልፏል

  • AAA (WCAG 1.4.6): ቢያንስ 7:1

    1.61 ተጨማሪ ያስፈልጋል

    አልተሳካም

UI ክፍሎች እና ግራፊካሎች

አዶዎች፣ የግብዓት ድንበሮች፣ የትኩረት አመልካቾች እና በይነገጹን ለመጠቀም ማየት የሚያስፈልጉዎት ሌሎች ክፍሎች።

  • AA (WCAG 1.4.11): ቢያንስ 3:1

    አልፏል
5.39 በ1። ጽሑፍ: AA ያልፋል, AAA ይወድቃል። UI ክፍሎች: ያልፋል።
ይህ እንዴት እንደሚመረምር
የተነጻጸሉ ቀለሞች (ከመጠራቀም በኋላ)
ጽሑፍ #000000 በ ጀርባ #4989A4
የእርስ በርስ ብርሃን
ጽሑፍ 0.0000, ጀርባ 0.2198
ፈርሙላ
(L1 + 0.05) / (L2 + 0.05) ሲሆን L1 የብርቱ ቀለም ብርሃን ነው፣ L2 ደግሞ የጨለማ ቀለም ብርሃን ነው።
የትክክለኛ ቁጥር መጠን
5.3976 በ1 ግምት, እንደ 5.39 በ1 ይታያል. የሚታየው ዋጋ ሳይጠጋጋ የተቆረጠ ነው፣ ስለዚህ ከእውነታው የተሻለ ሆኖ አይታይም። ከመስፈርቱ ጋር የሚነጻጸረው ትክክለኛው ዋጋ ነው።

የጽሑፍ መጠን: 16px, ልብስ ያለ (400)

እንደ መደበኛ ጽሑፍ ይቈጠራል። ትልቅ ጽሑፍ ቢያንስ 24px (18pt) ነው፣ ወይም ወፍራም (ውፍረት 700 ወይም ከዚያ በላይ) ከሆነ ቢያንስ 18.67px (14pt) ነው። መጠኖች የሚታዩት ሳይጠጋጉ የተቆረጡ ሆነው ነው።

እንደ መደበኛ ጽሑፍ ይቈጠራል። ትልቅ ጽሑፍ ቢያንስ 24px (18pt) ነው፣ ወይም ወፍራም (ውፍረት 700 ወይም ከዚያ በላይ) ከሆነ ቢያንስ 18.67px (14pt) ነው። መጠኖች የሚታዩት ሳይጠጋጉ የተቆረጡ ሆነው ነው።

Aa
የቅድመ እይታ ርዕስ

ፈጣን ቡናማ ቀበሮ በሰነፍ ውሻ ላይ ይዘልቃል

ትንሽ ጽሑፍ ምሳሌ (12px)

ጽሑፍ
#000000
ጀርባ
#4989a4

የWCAG መስፈርቶች

ደረጃ AA

ለመደበኛ ጽሑፍ የተወሰነ መለዋወጫ መጠን 4.5:1 እና ለትልቅ ጽሑፍ 3:1። ለአብዛኛው ድህረ ገጾች ያስፈልጋል።

ደረጃ AAA

ለመደበኛ ጽሑፍ የተሻለ መለዋወጫ መጠን 7:1 እና ለትልቅ ጽሑፍ 4.5:1። ለተመጣጣኝ አካል መጠን ይመከራል።

የቀለም መለያ መርምረት

የጽሑፍ እና የጀርባ ቀለሞች መለዋወጫ መጠን ይሂሉ።

ለጽሑፍ እና የጀርባ ቀለም ቀለም ለመምረጥ የቀለም መምሪያውን ይጠቀሙ ወይም ቀለም በRGB ሂክሳዴሲማል ቅርጸት ያስገቡ (ለምሳሌ፣ #259 ወይም #2596BE)። ቀለም ለመምረጥ ማስተካከያውን ማለፊያ ማስተካከያ ይቀይሩ። የድህረ ገጽ ይዘት እንደሚያነብ እንደሚያደርግ ለማወቅ የሚረዳ የተወሰነ መመሪያ አለው። ይህ መመሪያ ቀለም ጥምረቶችን ወደ ተመጣጣኝ መጠኖች ለማስላት አንድ ልዩ አልጎሪዝም ይጠቀማል። በዚህ መሠረት፣ WCAG እንደሚለው ከጽሑፍ እና ከጀርባው ጋር የቀለም መለዋወጫ መጠን 4.5:1 ለመደበኛ (አካል) ጽሑፍ የበቂ ነው፣ እና ትልቅ ጽሑፍ (18+ ነጠላ ወይም 14+ ድፍረት) ቢያንስ 3:1 የቀለም መለዋወጫ መጠን ሊኖረው ይገባል።

ቁልፍ ባህሪዎች

  • በእውነተኛ ጊዜ የኮንትራስት መጠን ሂሳብ
  • የWCAG AA & AAA መስፈርቶች ምርመራ
  • ለበለጠ ማስተካከያ የHSL ስላይደሮች
  • በርካታ የቅድመ እይታ ቅርጸቶች

የላቀ መሳሪያዎች

  • ራስ-ሰር የቀለም ማስተካከያ
  • የጽሑፍ እና የጀርባ ናሙናዎች
  • የቀለም ስም መለየት
  • ውጤቶችን ላክ

በተደጋጋሚ የሚጠየቁ ጥያቄዎች

ለWCAG AA ተገዢነት መደበኛ ጽሑፍ ቢያንስ 4.5:1 የንፅፅር ጥምርታ ያስፈልገዋል፣ ትልቅ ጽሑፍ (18pt ወይም 14pt ደማቅ) ደግሞ 3:1 ያስፈልገዋል።

WCAG AAA ከፍተኛ የንፅፅር ጥምርታ ይፈልጋል፦ ለመደበኛ ጽሑፍ 7:1 እና ለትልቅ ጽሑፍ 4.5:1፣ AA ግን በቅደም ተከተል 4.5:1 እና 3:1 ነው።

የዲዛይንዎን ዓላማ እንደጠበቀ ጽሑፍ ወይም የጀርባ ቀለሞችን ለማስተካከል የእኛን አውቶማቲክ ማስተካከያ ባህሪ ይጠቀሙ፣ ወይም ለAA/AAA ተገዢነት ተስማሚ ዞኖችን በሚያሳዩ የእይታ ጠቋሚዎች የHSL ተንሸራታቾችን በመጠቀም በእጅ ያስተካክሉ።

አረንጓዴ ዞኖችና የAA/AAA ምልክቶች የWCAG ተገዢነትን ለማግኘት ተስማሚ ክልሎችን ያሳያሉ። የአቅጣጫ ፍንጮቹ (ቀላል/ጨለማ) በአሁኑ የቀለም ጥምረትዎ መሰረት ወደ የተሻለ ንፅፅር ይመሩዎታል።

አዎ፣ ማንኛውንም የሄክስ ቀለም ኮድ ማስገባት ወይም የቀለም መራጩን በመጠቀም የራስዎን ቀለሞች መምረጥ ይችላሉ። URL በራስ-ሰር ስለሚዘምን የተወሰኑ የቀለም ጥምረቶችን ማጋራት ይችላሉ።