የቀለም መራጭ እና የንፅፅር ፈታሽ
በመራጩ ቀለም ይምረጡ ወይም በማንኛውም ቅርጸት ይተይቡት። እንደ HEX፣ RGB፣ HSL፣ HSV እና CMYK ይመልከቱት፣ ፈዘዝ ያሉ እና ጠቆር ያሉ ቅጂዎችን እና ተዛማጅ ቀለሞችን ያግኙ፣ እና በሁለት ቀለሞች ያለ ጽሑፍ ለተደራሽነት የWCAG የንፅፅር መመሪያዎችን ያሟላ እንደሆነ ያረጋግጡ።
ቀለሞች
ስለ የቀለም መራጭ እና የንፅፅር ፈታሽ
በመራጩ ቀለም ይምረጡ ወይም በማንኛውም ቅርጸት ይተይቡት። እንደ HEX፣ RGB፣ HSL፣ HSV እና CMYK ይመልከቱት፣ ፈዘዝ ያሉ እና ጠቆር ያሉ ቅጂዎችን እና ተዛማጅ ቀለሞችን ያግኙ፣ እና በሁለት ቀለሞች ያለ ጽሑፍ ለተደራሽነት የWCAG የንፅፅር መመሪያዎችን ያሟላ እንደሆነ ያረጋግጡ።
የSmartCalcy “ፋይሎች፣ ምስሎች እና ንድፍ” ክፍል አካል ነው። ያለ መለያ በአሳሽዎ ውስጥ ይሠራል፣ የራስዎን ምንዛሬ እና አሃዶች ይጠቀማል (በገጹ አናት ላይ ይቀይሯቸው)፣ እና ለመረጃ ብቻ ግምቶችን ይሰጣል፣ ስለዚህ በውጤቱ ላይ ከመመሥረትዎ በፊት ኦፊሴላዊ መመሪያዎችን ያረጋግጡ።
የቀለም መራጭ እና የንፅፅር ፈታሽን እንዴት መጠቀም እንደሚቻል
ምን እንደሚያሰላ እና መቼ እንደሚጠቀሙበት
ቀለሞችን ይመርጣል እና በHEX፣ RGB፣ HSL፣ HSV እና CMYK መካከል ይቀይራል፣ ፈዘዝ ያሉ እና ጠቆር ያሉ ቅጦችን እና ተስማሚ ቀለሞችን ይጠቁማል፣ እና የጽሑፍ ንፅፅርን ከWCAG የተደራሽነት መመሪያዎች ጋር ያረጋግጣል።
እንዴት እንደሚጠቀሙበት፣ ደረጃ በደረጃ
- በመምረጫው ቀለም ይምረጡ ወይም እንደ HEX፣ RGB፣ HSL ወይም የቀለም ስም ይጻፉት።
- ንፅፅርን ለማረጋገጥ የዳራ ቀለም ይምረጡ።
- ማንኛውንም ቅርጸት በአንድ ጠቅታ ይቅዱ።
- ለቀለም ስብስብ ፈዘዝ ያሉትን፣ ጠቆር ያሉትን እና ተስማሚ ቀለሞችን ይጠቀሙ።
እያንዳንዱ ግብዓት ምን ማለት ነው
- ቀለም – በ#2443C8፣ በSmartCalcy ሰማያዊ ይጀምራል።
- ዳራ – በነጭ ይጀምራል።
ውጤቶቹን እንዴት ማንበብ እንደሚቻል
- የንፅፅር ጥምርታ – ከ1:1 እስከ 21:1፣ ለመደበኛ እና ለትልቅ ጽሑፍ ከAA እና AAA ውጤቶች ጋር።
- ቅርጸቶች – HEX፣ RGB፣ HSL፣ HSV እና CMYK።
- ፈዘዝ እና ጠቆር ያሉ – ፈዘዝ ያሉ እና ጠቆር ያሉ ቅጦች።
- ተዛማጅ ቀለሞች – ተቃራኒ (complementary)፣ ተቀራራቢ (analogous) እና ሦስትዮሽ (triadic)።
ቀመሩ
የንፅፅር ጥምርታ = (L1 + 0.05) ÷ (L2 + 0.05)፤ L1 እና L2 የፈዘዘው እና የጠቆረው ቀለም አንጻራዊ ብሩህነቶች ናቸው። WCAG AA ለመደበኛ ጽሑፍ 4.5:1 እና ለትልቅ ጽሑፍ 3:1 ይፈልጋል፤ AAA ደግሞ 7:1 እና 4.5:1 ይፈልጋል።
የተሠራ ምሳሌ
በመነሻ ቀለሞቹ፣ #2443C8 በነጭ ላይ 7.74:1 የንፅፅር ጥምርታ አለው፤ ይህም ለሁሉም የጽሑፍ መጠኖች AAAን ያልፋል።
ግምቶች እና ገደቦች
- የCMYK እሴቶች ቀላል ልወጣ ናቸው፣ በቀለም የሚተዳደር የህትመት መገለጫ አይደሉም።
- የንፅፅር ውጤቶች የWCAG 2 ቀመርን ይከተላሉ።
የተለመዱ ስህተቶች
- ንፅፅርን በትልቅ ጽሑፍ ላይ ብቻ አረጋግጦ ቀለሙን ለትንሽ ጽሑፍ መጠቀም።
- ትርጉምን ለማሳየት በቀለም ብቻ መመካት።
ተደጋግመው የሚጠየቁ ጥያቄዎች
ምን ያህል የንፅፅር ጥምርታ ያስፈልገኛል?
WCAG AAን ለማሟላት ለመደበኛ ጽሑፍ ቢያንስ 4.5:1 እና ለትልቅ ጽሑፍ 3:1።
ትልቅ ጽሑፍ የተለየ መጠን ነው?
አዎ፦ ቢያንስ 24 px፣ ወይም ደማቅ ከሆነ ወደ 18.7 px ገደማ።
የቀለም ስም መጻፍ እችላለሁ?
አዎ፣ እንደ teal ወይም tomato ያለ ማንኛውም የCSS ቀለም ስም ይሠራል።
ተዛማጅ መሣሪያዎች
| ደረጃ | መደበኛ ጽሑፍ | ትልቅ ጽሑፍ |
|---|---|---|
| AA | አልፏል | አልፏል |
| AAA | አልፏል | አልፏል |
ቅርጸቶች
- HEX
- RGB
- HSL
- HSV
- CMYK