CSS ቀለም ንብረቶች. የቀለም ኮዶች

መሳሪያዎች አንዱ የድረ-ገጹ ቅጦች ለመለወጥ - የ CSS ቀለም. ይህን ቅንብር መቀየር በርካታ መንገዶች አሉ. እያንዳንዱ ጥቅሞች እና ጉዳቶች አሉት.

ስም

የቀለም ንብረት ንጥል ቀለም ያዘጋጃል. ርዕሶች መካከል 145 ሼዶች የ CSS ውስጥ ተካተዋል. ከእነርሱም መካከል (እንደ ግምጃም, lawngreen ያሉ) እና ውስብስብ (ጥቁር ሰማያዊ ያሉ) ቀላል አሉ.

ከባድ አጠቃላይ ዝርዝር ለማስታወስ በመሆኑ, ቅጥ ወረቀት ስም እምብዛም ጥቅም ላይ ይውላሉ.

አርጂቢ

የ ቴሌቪዥኖች አብዛኛው, ዘመናዊ ስልኮች, ይቆጣጠራል አርጂቢ ቀለም ሞዴል ጋር እንሰራለን. ማንኛውም ቀለም, ቀይ አረንጓዴ እና ሰማያዊ የሆኑ ተቀዳሚ ቀለሞች, ጥምር መዋቀር ይችላሉ ነው. . ተመሳሳይ አቀራረብ ሁለቱም መሳሪያዎች ጥቅም ላይ, እና CSS ውስጥ ነው. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. ቀለማት በተቻለ ቀለሞች አንድ ቁጥር 16777216 ጋር እኩል ነው ከ 0 እስከ 255. መሠረታዊ ጥንቅር ይውሰዳት ተብሎ እሴቶች ናቸው.

rgb (255, 255, 255) - ወደ አርጂቢ ሞዴል በቀጥታ ቀለም ኢሜጂንግ አካላዊ ህጎች ጋር የተያያዘ በመሆኑ, ጥቁር ወደ rgb (0, 0, 0), ነጭ ሆኖ በውስጧ ተገልጿል. የአልፋ ሰርጥ በተጨማሪም ጋር, RGB ጋር ሙሉ በሙሉ ተመሳሳይ RGBA ስርዓት. ይህ ዳራ ጥላ ጋር ስሉጥነት ያለውን ግልፅነት, ተጽዕኖ ያሳርፋል. ወደ አባል በዚህ ቅጽ ውስጥ የ "substrate" መሠረት የተለያየ ይሆናል.

HSL

, አንድ ቀለም ጎማ ማስገባት ይኖርብዎታል እንዴት HLS ሥርዓት እንደሆነ ለመረዳት. በውስጡ ማዕከል ቀስተ ቀይ, ከዚያም (ወደ ቀኝ) ሁሉ ሌሎች ቀለማት ነው. цвета при помощи системы HLS требуется задать три параметра: የ HLS ስርዓት በመጠቀም የሲ ውስጥ ቀለማት ለመወሰን ሶስት ግቤቶች ይጠይቃል:

• (ዲግሪ ውስጥ) ትታያለች - ክበብ ማዕከል አቅጣጫ;
• ሙሌት (በመቶኛ) - ምን ያህል ቀለም የሚያስፈልግህ;
• (በመቶ) ብሩህነት.

ለምሳሌ ያህል, ሐምራዊ እንዲህ መንገድ የሚወሰነው ይቻላል: hsl (315, 100%, 45%). HSL ሙከራዎች በጣም አመቺ ነው. የ በማጥናት በኋላ ቀለም ጎማ, አንተ stylesheet በግምት የተወሰነ አባል ማዘጋጀት ምን ቀለም የሚወክሉ መመልከት ይችላሉ ሳለ. HSLA - በተመሳሳይ HLS, ብቻ ከአልፋ ጋር: hsl (0, 100%, 50, 0.6) - ቀይ, ግልጽ በትንሹ ከግማሽ በላይ.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . የሲ ውስጥ, እንደ ዋጋ # FF4500 ይወሰናል ብርቱካናማ እንደ የሄክሳዴሲማል ውክልና በመጠቀም ቀለም ማዘጋጀት ይችላሉ.

ምን አስራስድስትዮሽ ውክልና የተሻለ ግንዛቤ ለማግኘት, ተጨማሪ የ የአሃዝ ሥርዓት ግምት ውስጥ ይገባል. ይህ 0 ቁጥር የሚበልጥ ከ 9 በመቁጠር ውስጥ አስፈላጊነት, አንድ ቢት ታክሏል ጊዜ 9. ወደ አንድ ቁጥር ነው, እና አንድ 9 ነው በኋላ ላይ, ከዚያም 100 10 ይዞራል, እና ሄክሳዴሲማል ምልክትን ውስጥ በጣም ላይ. ሠ ሁሉም በትክክል ተመሳሳይ, ነገር ግን, ከዚያም ቢ, እና እንዲሁ F ወደ ላይ - በ የአሃዝ ሥርዓት ውስጥ 15 አንድ አይነት. ከዚያም አንድ አሃዝ መጨመር, እና ይህም በተለመደው አንፃር 16 10 ይንጸባረቅበታል.

አርጂቢ ውስጥ እንደ HEX ቀለም ዋና ቀለማት ለመጠቀም ምን ወርድና ውስጥ ለማመላከት. (# FFD500 ቀለም) በዚህ ሁኔታ ውስጥ, በኮማ የተለዩ አይደሉም. በየ ሁለት ቁምፊዎች ቀይ, አረንጓዴ እና ሰማያዊ ቁጥር ይጥቀሱ.

CSS. እንደ ደንብ ሆኖ, HEX ስርዓት በትክክለኛው የሲ ቀለም ማግኘት የማይቻል ስለሆነ, የ ሙከራዎች ወቅት ጥቅም አይደለም. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. ያለው ሰንጠረዥ በዚህ ጉዳይ ላይ መርዳት ይችላሉ, ነገር ግን ያለማቋረጥ የሚያመለክት ከሆነ, ሥራ እንዲዘገይ ይደረጋል. አብነቱን የግራፊክ አርታዒ ይተላለፋል ጊዜ ሄክሳዴሲማል ውክልና በጣም አመቺ ነው. ይህም ብቻ አንድ አሃዝ ከ ሦስት በየተራ ይልቅ ለመቅዳት በጣም ቀላል ነው.

የትኛው መንገድ የተሻለ ነው?

በዚህ መለያ ላይ እኛ ምንም ኮንክሪት መናገር አንችልም. የበይነገፁን ንጥረ ነገሮች ግልፅነት ከፈለጉ, RGBA እና HSLA መካከል ይምረጡ. አሳሹ HLS ቀለም ጎማ ውስጥ መሞከር የሚፈልጉ ከሆነ በጣም አመቺ ይሆናል. አንድ ተከፍቷል በመጠቀም ወይም Photoshop ከ ንድፍ ማስተላለፍ ከሆነ, የ CSS አስራስድስትዮሽ የቀለም ኮዶች ይመርጣሉ ይገባል.