คุณสมบัติสี CSS รหัสสี

สี CSS - หนึ่งในเครื่องมือที่จะเปลี่ยนรูปแบบหน้าเว็บ มีหลายวิธีที่จะเปลี่ยนการตั้งค่านี้ แต่ละคนมีทั้งข้อดีและข้อเสีย

ชื่อ

คุณสมบัติสีตั้งค่าสีของรายการ 145 เฉดสีของชื่อรวมอยู่ในแบบ CSS ในหมู่พวกเขามีง่าย (เช่นสีดำ, สีฟ้า) และซับซ้อน (เช่นสีแดงเข้ม lawngreen)

เพราะรายชื่อทั้งหมดของยากที่จะจำชื่อของแผ่นสไตล์ที่ไม่ค่อยได้ใช้

RGB

ส่วนใหญ่ของทีวีมาร์ทโฟน, จอภาพทำงานร่วมกับระบบสี RGB นั่นคือสีใดสามารถตั้งค่าการรวมกันของสีหลักซึ่งจะเป็นสีแดง, สีเขียวและสีฟ้า . วิธีการที่คล้ายกันคือใช้ในอุปกรณ์ทั้งสองและในแบบ CSS основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. สีที่มีค่านิยมพื้นฐานองค์ประกอบใช้เวลาจาก 0 ถึง 255 จำนวนสีที่เป็นไปได้จะมีค่าเท่ากับ 16,777,216

ตั้งแต่รุ่น RGB จะเกี่ยวข้องโดยตรงกับกฎหมายทางกายภาพของการถ่ายภาพสีดำที่ระบุไว้ในนั้นเป็น rgb (0, 0, 0), สีขาว - rgb (255, 255, 255) ระบบ RGBA สมบูรณ์คล้ายกับ RGB ด้วยนอกเหนือจากช่องอัลฟาที่ มันมีผลต่อความโปร่งใสซึ่งผสมผสานด้วยเฉดสีพื้นหลัง ในรูปแบบขององค์ประกอบนี้จะแตกต่างกันไปตามที่ "สารตั้งต้น"

HSL

เพื่อให้เข้าใจถึงวิธีการที่ระบบ HLS คุณต้องส่งวงล้อสี ที่เป็นศูนย์กลางของมันคือสีแดงแล้ว (ตามเข็มนาฬิกา) ทุกสีอื่น ๆ ของรุ้ง цвета при помощи системы HLS требуется задать три параметра: ในการกำหนดสีใน CSS โดยใช้ระบบ HLS ต้องสามพารามิเตอร์:

• สี (องศา) - ทิศทางของศูนย์วงกลม;
• อิ่มตัว (ร้อยละ) - วิธีการสีที่คุณต้องการ;
• ความสว่าง (ร้อยละ)

ยกตัวอย่างเช่นสีม่วงสามารถกำหนดในลักษณะ: HSL (315, 100%, 45%) HSL สะดวกที่สุดสำหรับการทดลอง หลังจากการศึกษา วงล้อสี, คุณสามารถในขณะที่ดูสไตล์ประมาณแทนองค์ประกอบเฉพาะสีอะไรตั้ง HSLA - HLS เดียวเท่านั้นที่มีอัลฟา: HSL (0, 100%, 50, 0.6) - สีแดง, โปร่งใสเล็กน้อยมากกว่าครึ่งหนึ่ง

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . ใน CSS คุณสามารถตั้งค่าสีโดยใช้แทนเลขฐานสิบหกเช่นส้มกำหนดโดยค่า # FF4500

เพื่อความเข้าใจที่ดีขึ้นของสิ่งแทนเลขฐานสิบหกต่อไปควรพิจารณาระบบทศนิยม แต่ก็มีตัวเลขจาก 0 ถึง 9 เมื่อคะแนนมีความจำเป็นต้องตัวเลขที่มากกว่า 9 เพิ่มหมวดหมู่อื่นและก็จะเปิดออก 10 แล้ว 100 และอื่น ๆ . D. ในระบบเลขฐานสิบหกทั้งหมดเหมือนกัน แต่มันก็คือหลังจากที่ 9, แล้ว B, และอื่น ๆ เพื่อ F - เช่นเดียวกับ 15 ในระบบทศนิยม แล้วเพิ่มหนึ่งหลักและก็จะเปิดออก 10 จาก 16 ในแง่ปกติ

ในฐานะที่เป็น RGB, สี HEX เพื่อแสดงให้เห็นในสิ่งที่สัดส่วนการใช้สีหลัก ในกรณีนี้พวกเขาจะไม่คั่นด้วยเครื่องหมายจุลภาค (color: # FFD500) ทุกตัวละครทั้งสองระบุจำนวนของสีแดง, สีเขียวและสีฟ้า

CSS. ตามกฎของระบบ HEX ไม่ได้ใช้ในระหว่างการทดลองเพราะมันเป็นไปไม่ได้ที่จะหาสี CSS ขวา может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. ตารางสามารถช่วยในเรื่องนี้ แต่ถ้าคุณอย่างต่อเนื่องเรียกมันทำงานจะล่าช้า ตัวแทนเลขฐานสิบหกมีความสะดวกมากที่สุดเมื่อแม่แบบจะถูกโอนจากบรรณาธิการกราฟิก มันง่ายมากที่จะคัดลอกจากมันเพียงหนึ่งหลักกว่าสามรอบ

ซึ่งวิธีที่ดีที่สุดคือ?

ในบัญชีนี้เราไม่สามารถพูดอะไรที่เป็นรูปธรรม หากองค์ประกอบของอินเตอร์เฟซต้องโปร่งใสเลือกระหว่าง RGBA และ HSLA หากคุณต้องการที่จะทดสอบในเบราว์เซอร์วงล้อสี HLS จะสะดวกที่สุด หากคุณกำลังใช้จานสีหรือโอนการออกแบบจาก Photoshop ควรต้องการ CSS รหัสสีฐานสิบหก