የትኞቹን የቀለም ኮዶች ይሰጠኛል?

ለተመሳሳይ ቀለም HEX፣ RGB፣ HSL፣ HSV፣ CMYK እና OKLCH፣ ለመቅዳት ዝግጁ።

ከማያ ገጼ ላይ ቀለም መምረጥ እችላለሁ?

አዎ፣ እንደ Chrome እና Edge ባሉ በ Chromium ላይ በተመሠረቱ አሳሾች ውስጥ «ከማያ ገጽ ምረጥ» ን በመጠቀም። አሳሽዎ የማይደግፈው ከሆነ አዝራሩ ይደበቃል።

ጽሑፍ በቀለሙ ላይ ሊነበብ እንደሚችል ይፈትሻል?

አዎ። ከነጭ እና ከጥቁር ጋር ያለውን የ WCAG ንፅፅር ሬሾ ያሳያል እና AA ትልቅ፣ AA፣ AAA ወይም አልተሳካም ብሎ ምልክት ያደርጋል። ተጓዳኝ፣ ሦስትዮሽ፣ ተመሳሳይና አንድ-ቀለም ቀለሞችንም ይጠቁማል።

በእርግጥ ነፃ ነው?

አዎ። እያንዳንዱ መሳሪያ ያለ ምንም መለያ እና ያለ ክሬዲት ካርድ በነጻ ጥቅም ላይ ይውላል። ስራው በእኛ ሰርቨሮች ሳይሆን በመሳሪያዎ ላይ ነው የሚከናወነው፣ ይህም አገልግሎቱን በነጻ ለማቅረብ ያስችለናል።

በሞባይል ይሠራል?

አዎ። ምንም ሳይጭኑ በiOS እና አንድሮይድ ወቅታዊ የሞባይል አሳሾች ላይ ይሰራል።

🎨

ነፃ የቀለም መምረጫ እና ፓሌት ፈጣሪ

ቀለሞችን ይምረጡ፣ ከ HEX/RGB/HSL መካከል ቀይሩ፣ እና ተስማሚ ፓሌቶችን ፍጠሩ።

በአሳሽዎ ውስጥ ይሰራልምዝገባ የለም፣ ብቅ-ባይ መስኮቶች የሉምምዝገባ አያስፈልግምለዘላለም ነፃ

ከተጫነ በኋላ ከመስመር ውጭ ይሠራል

የቀለም መምረጫ

HEX

HSV

h217°

s76%

v96%

ለማሳያ ብቻ

RGB

HSL

ተጨማሪ ቅርጸቶች

አልፋ100%

HEX8#3b82f6ff

RGBrgb(59 130 246)

HWBhwb(217 23% 4%)

CMYKcmyk(76%, 47%, 0%, 4%)

OKLCHoklch(62.3% 0.188 259.8)

SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)

Android0xFF3B82F6

FlutterColor(0xFF3B82F6)

የWCAG ንፅፅር

በጣም ቅርብ የሆነ ስም ያለው ቀለም፦ dodgerblue · ጥቁር ጽሑፍ እዚህ ለማንበብ ይቀላል (5.71:1)

ጽሑፍ በነጭ ላይ3.68:1AA ትልቅ

ጽሑፍ በጥቁር ላይ5.71:1AA

በ#ffffff ላይ ያለ ጽሑፍ3.68:1AA ትልቅ

ከሌላ ቀለም ጋር አወዳድር

ጥላዎች እና ቀለሞች (50–950)

ስም

የቀለም ፓሌት

ተጓዳኝ

#3b82f6

#f6af3c

ሶስትዮሽ

#3b82f6

#f63c83

#83f63c

ተመሳሳይ

#3ce0f6

#3b82f6

#523cf6

አንድ ቀለም

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

የተለመዱ አጠቃቀሞች

Color Picker for Web DesignPick and generate colours for your website — get HEX, RGB, and HSL values plus harmonious palettes.
Color Picker for BrandingBuild your brand colour palette — pick primary, secondary, and accent colours that work together.
Color Picker for Social MediaCreate eye-catching colour palettes for social media posts, stories, and profile designs.
Color Picker for Print DesignPick colours for printed materials — flyers, business cards, brochures — with accurate colour previews.
Color Picker for PresentationsDesign slide colour schemes — pick readable text colours, chart palettes, and consistent accent shades.

እንዴት እንደሚሠራ

ሁሉም ነገር በእጅ በተጻፈ የመቀየሪያ ሒሳብ በቀጥታ በአሳሽዎ ውስጥ ይሠራል — ምንም የቀለም ላይብረሪ፣ ምንም የአገልጋይ ምልልስ የለም። ቀለምን በአሳሹ አብሮገነብ የቀለም ግቤት ወይም በEyeDropper API ይመርጣሉ፤ መሣሪያው ወዲያውኑ ወደ ስድስት ቅርጸቶች ይቀይረዋል፣ የWCAG የንፅፅር ጥምርታዎችንም ያሰላል፣ ተስማሚ ቤተ-ቀለሞችንም ያመነጫል።

1
የቀለም ግቤት በአሳሹ አብሮገነብ API
ቀለምን በአሳሹ አብሮገነብ <input type="color"> መምረጫ ይመርጣሉ፤ ወይም — በChromium ላይ በተመሠረቱ አሳሾች — የEyeDropper API በማያ ገጽዎ ላይ ያለን ማንኛውንም ፒክሰል ለመውሰድ ያስችልዎታል። ሁለቱም መንገዶች ብቸኛው የእውነት ምንጭ የሚሆን የhex ሕብረቁምፊ ይመልሳሉ።
2
በእጅ የተጻፉ የቅርጸት መቀየሪያዎች
መሣሪያው የhex እሴቱን በራሱ የሒሳብ ተግባራት (ያለ ውጫዊ ላይብረሪ) ወደ RGB፣ HSL፣ HSV፣ CMYK እና OKLCH ይቀይራል። የOKLCH መቀየሪያው የsRGB ቻናሎችን መስመራዊ ያደርጋል፣ የOKLab ኪዩብ-ሥር ማትሪክሱን ይተገብራል፣ ከዚያም chroma እና የቀለም ማዕዘኑን ያገኛል — ከዘመናዊው CSS Color Level 4 ውጤት ጋር የሚጣጣም።
3
የWCAG የንፅፅር ጥምርታ ስሌት
አንጻራዊ ብሩህነት ከመስመራዊ የRGB ቻናሎች በWCAG 2.x ቀመር ይሰላል። ከዚያም መሣሪያው ከንጹህ ነጭ እና ከንጹህ ጥቁር ጋር ያለውን የንፅፅር ጥምርታ ያሰላል እና በWCAG ገደቦች (3:1፣ 4.5:1፣ 7:1) መሠረት AA-large፣ AA፣ AAA ወይም Fail ብሎ ይሰይማል።
4
ተስማሚ ቤተ-ቀለም ማመንጨት እና በአካባቢ ማስቀመጥ
ተቃራኒ፣ ሦስትዮሽ፣ ተጎራባች እና ባለአንድ ቀለም ናሙናዎች የHSL ቀለም እና ብርሃንነት እሴቶችን በሒሳብ በማሽከርከር ወይም በማራመድ ይገኛሉ። የተቀመጡ ቤተ-ቀለሞች በአሳሽዎ localStorage ውስጥ ይጻፋሉ — ከመሣሪያዎ ምንም አይወጣም።