CSS ფერი თვისებები. ფერი კოდები

ერთ-ერთი ინსტრუმენტები შეცვლა ვებ გვერდზე სტილის - CSS ფერი. არსებობს რამდენიმე გზა, რომ შეიცვალოს ეს გარემოში. ყოველ მათგანს აქვს როგორც დადებითი და უარყოფითი მხარეები.

სახელი

ფერი ქონება ადგენს ფერის ნივთი. 145 ფერებში ტიტული შედის CSS. მათ შორის არიან მარტივი (როგორიცაა შავი, ლურჯი) და რთული (როგორიცაა ჟოლოსფერი, lawngreen).

იმის გამო, რომ მთელი სია რთული უნდა გვახსოვდეს, სახელი სტილის ფურცელი იშვიათად გამოიყენება.

RGB

ყველაზე ტელევიზორები, სმარტფონებისათვის, მონიტორების მუშაობა RGB ფერის მოდელი. რომ არის, ნებისმიერი ფერის შეიძლება იყოს მითითებული, რომ კომბინაცია ძირითადი ფერები, რომლებიც წითელი, მწვანე და ლურჯი. . ანალოგიური მიდგომა გამოიყენება როგორც მოწყობილობები და CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. ფერები ძირითადი შემადგენლობა მიიღებს ღირებულებების 0 255. რაოდენობის შესაძლო ფერები უდრის 16777216.

მას შემდეგ, რაც RGB მოდელის პირდაპირ არის დაკავშირებული ფიზიკური კანონების ფერი ვიზუალიზაციის, შავი გათვალისწინებით, როგორც rgb (0, 0, 0), თეთრი - rgb (255, 255, 255). RGBA სისტემა მთლიანად მსგავსი RGB, დამატებით ალფა არხი. იგი გავლენას ახდენს გამჭვირვალობას, რაც blends ფონზე ჩრდილში. ამ ფორმით ელემენტს იცვლება, იტყობინება "სუბსტრატი".

HSL

იმისათვის, რომ გავიგოთ, თუ როგორ HLS სისტემა, თქვენ უნდა წარმოადგინოს ფერი საჭე. მის ცენტრში წითელი, მაშინ (ისრის მიმართულებით) ყველა სხვა ფერები rainbow. цвета при помощи системы HLS требуется задать три параметра: რათა დადგინდეს ფერები CSS გამოყენებით HLS სისტემა მოითხოვს სამი პარამეტრები:

• ტონი (გრადუსი) - მიმართულებით წრე ცენტრი;
• ინტენსივობა (პროცენტი) - რამდენი ფერი გჭირდებათ;
• სიკაშკაშე (პროცენტი).

მაგალითად, purple შეიძლება განისაზღვროს იმგვარად: HSL (315, 100%, 45%). HSL არის ყველაზე მოსახერხებელი ექსპერიმენტი. შესწავლის შემდეგ ფერი საჭე, შეგიძლიათ ყურების სტილების უხეშად წარმოადგენს რა ფერი მითითებული კონკრეტული ელემენტს. HSLA - იგივე HLS, მხოლოდ alpha: HSL (0, 100%, 50, 0.6) - წითელი, გამჭვირვალე ოდნავ ნახევარზე მეტი.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . In CSS, შეგიძლიათ დააყენოთ ფერის თექვსმეტობითი წარმომადგენლობა, როგორიცაა ფორთოხალი განისაზღვრება ღირებულება # FF4500.

უკეთესი გაგება, თუ რა თექვსმეტობითი წარმომადგენლობა, კიდევ უფრო უნდა განიხილოს ათობითი სისტემა. ეს არის ნომერი 0 დან 9. როდესაც საჭიროება დათვლის აღემატება 9, ერთი ცოტა ემატება და გამოდის 10, 100, და ასე შემდეგ. E. ყველა ზუსტად თექვსმეტობითი ნოტაცია, მაგრამ მას შემდეგ, რაც 9 A, მაშინ B, და ასე F - იგივე, რაც 15 ათობითი სისტემის. შემდეგ დაამატოთ ერთი ციფრი, და თურმე 10 16 ჩვეულებრივი პირობებით.

როგორც RGB, HEX ფერები მიუთითოს რა პროპორციებით უნდა გამოიყენოს პირველადი ფერები. ამ შემთხვევაში, ისინი არ არიან მძიმით (color: # FFD500). ყოველ ორ გმირები მიუთითოთ რაოდენობა, წითელი, მწვანე და ლურჯი.

CSS. როგორც წესი, HEX სისტემა არ არის გამოყენებული ექსპერიმენტი, ვინაიდან შეუძლებელია, რათა იპოვოს სწორი CSS ფერი. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. მაგიდა დაგეხმარებათ ამ საკითხზე, მაგრამ თუ მუდმივად ეხება, მუშაობა იქნება გადაიდო. თექვსმეტობითი წარმომადგენლობა არის ყველაზე მოსახერხებელი როდესაც თარგი გადმორიცხული გრაფიკული რედაქტორი. ეს ბევრად უფრო ადვილია კოპირება მას მხოლოდ ერთი ციფრი, ვიდრე სამი მონაცვლეობით.

რომელი გზა არის საუკეთესო?

ამ ანგარიშის ჩვენ არ შეგვიძლია ვთქვათ, არაფერი კონკრეტული. თუ ელემენტები, ინტერფეისი გვჭირდება გამჭვირვალობა, არჩევანის RGBA და HSLA. თუ გსურთ ექსპერიმენტი ბრაუზერის HLS ფერი საჭე იქნება ყველაზე მოსახერხებელი. თუ თქვენ იყენებთ პალიტრა ან გადარიცხოს დიზაინი Photoshop, უნდა ურჩევნია CSS ფერის თექვსმეტობითი კოდები.