เรากำหนดสีของข้อความ แอตทริบิวต์สีของแท็กแบบอักษร กำหนดสีให้กับข้อความ CSS วิธีนำเสนอสี ระบุสีเพื่อขอความช่วยเหลือ RGB

ไวยากรณ์

สี: น้าน;

2.2. ความหมายเชิงตัวเลขของสี

2.2.1. สีรุ่น RGB

รูปแบบค่า RGB สำหรับรูปแบบเลขฐานสิบหกคือเครื่องหมาย # ซึ่งตามด้วยอักขระฐานสิบหกสามหรือหกตัว รายการ RGB สามหลัก #rgb จะถูกแปลงเป็นรูปแบบหกหลัก #rrggbb โดยการคัดลอกตัวเลข ไม่ใช่โดยการเพิ่มศูนย์ ตัวอย่างเช่น #fb0 ขยายเป็น #ffbb00 สิ่งนี้รับประกันว่า #ffffff สามารถใช้ในรายการสั้น #fff และคุณสามารถดูได้ว่าสีของจอแสดงผลลดลงหรือไม่

รูปแบบค่า RGB ของสัญกรณ์การทำงานคือ rgb( ตามด้วยรายการค่าตัวเลขสามค่า (หรือค่าจำนวนเต็มสามค่า หรือค่าสามร้อย) ตามด้วยสัญลักษณ์) ค่าจำนวนเต็ม 255 หมายถึง 100% และ F หรือ FF ในบันทึกที่สิบหก:

RGB(255,255,255) = RGB(100%, 100%, 100%) = #FFF

อนุญาตให้ใช้อักขระช่องว่างสำหรับค่าตัวเลขเพียงไม่กี่ค่าเท่านั้น

ในส่วนแรกของหนังสือ ตัวอย่างบางส่วนได้สาธิตวิธีกำหนดสีของข้อความใน CSS แล้ว ไม่มีอะไรสอดคล้องกัน: คุณต้องใช้พลังของสีและความหมายของสีนั้น ซึ่งคุณสามารถใช้เปลี่ยนข้อความได้

พี ( สี: #211C18; )

ในแอปพลิเคชัน ค่า #211C18 หมายถึงรหัสสีที่สิบหก ตามที่คุณทราบเกี่ยวกับระบบตัวเลขที่สิบหกแล้ว คุณสามารถข้ามการอ่านย่อหน้าถัดไปได้ เรายังให้คำอธิบายวิธีอื่นๆ ในการนำเสนอสีบนอินเทอร์เน็ต - สำหรับโมเดลสีเพิ่มเติม (RGB, HSL) และคำสำคัญ ข้อมูลนี้จะคุ้นเคยกับผู้เริ่มต้นและแนะนำก่อนอ่าน

สิบหกสี (ฐานสิบหก)

ระบบสิบหกตัวเลข ( เลขฐานสิบหก, เลขฐานสิบหก) ตามหมายเลข 16 ในการบันทึกค่าที่สิบหก มี 16 สัญลักษณ์: ตัวเลขอารบิกจาก 0 ถึง 9 และตัวอักษรตัวแรกของตัวอักษรละติน (A, B, C, D, E, F) สีในรูปแบบเลขฐานสิบหกถูกบันทึกเป็นตัวเลขสองหลักสามหลักจาก 00 ถึง FF (สัญลักษณ์ ґrat # อยู่ข้างหน้า) ซึ่งหมายถึงองค์ประกอบสามส่วน: สีแดง สีเขียว สีฟ้า (รูปแบบสีคือ RGB) กล่าวอีกนัยหนึ่ง สีสามารถเขียนเป็น #RRGGBB สัญลักษณ์คู่แรกหมายถึงซี่โครงสีแดง ซี่โครงสีเขียว ซี่โครงที่สาม - ซี่โครงสีน้ำเงิน สีที่ได้คือจำนวนสามสี

บันทึกความเร็วเลขฐานสิบหก-ใบเสร็จรับเงิน

ค่าสีDeyakіsistadtsyatkovіสามารถเขียนได้อย่างรวดเร็ว สำหรับขั้นตอนต่อไป ให้แปลงรายการจากแบบฟอร์ม #RRGGBB เป็น #RGB มันคุ้มค่าที่จะชนะหากมีสัญลักษณ์เดียวกันสามคู่ในเลขฐานสิบหก

รูปแบบย่อของบันทึกย่อมักจะถูกจดไว้ และเพื่อให้เกิดการรับรู้ เราจะยกตัวอย่างอย่างรวดเร็ว ก่อนหน้าคำว่า ค่าฐานสิบหกของสีนั้นไม่สำคัญสำหรับตัวพิมพ์ - คุณสามารถชนะทั้งตัวอักษรตัวใหญ่และตัวเล็ก ทั้งหมดนั้นก็อยู่ในรสนิยมของคุณ

แนบบันทึกย่อของใบเสร็จรับเงินฐานสิบหก:

รุ่นสี RGB

อีกวิธีในการระบุสี CSS คือการเลือกค่า RGB หลายสิบค่า (แดง น้ำเงิน เขียว) สำหรับสิ่งนี้จำเป็นต้องจดพลังของสีคำหลัก rgb จากนั้นในมือและผ่านใคร - ตัวเลขสามตัวในช่วง 0 ถึง 255 ผิวซึ่งหมายถึงความเข้มของสีแดงสีเขียวและ สีฟ้า (r, g, b) ยิ่งตัวเลขมาก สียิ่งเข้ม ตัวอย่างเช่น หากต้องการสีเขียวสดใส จำเป็นต้องจด:

P ( สี: rgb(0, 255, 0); )

และแกนเป็นสีเหลือง girchichny vіdtinok อาจมีความหมายเหมือนกัน:

สี: rgb(94, 81, 3); /* ต่ำกว่า - สีเดียวกัน, รายการในศตวรรษที่สิบหกมีลักษณะ: */ สี: #5E5103;

ค่าของสีดำเขียนเป็น (0, 0, 0) และสีขาว - (255, 255, 255) นอกจากนี้ยังได้รับอนุญาตให้ระบุมูลค่าของvіdsotkah ดังนั้น ตัวเลข 255 ตรงกับ 100% จึงสามารถตั้งค่าสีขาวได้ดังนี้:

สี: rgb(100%, 100%, 100%);

De shukati ความหมายสี

เป็นไปได้ว่าคุณมีอาหาร winklo: ดาว ใช้ความหมายของสีทั้งหมดหรือไม่? Іsnuєไม่มีตัวตน บรรณาธิการกราฟิกและบริการออนไลน์ซึ่งคุณสามารถเลือกสีและโทนสีได้ ที่ใหญ่ที่สุดแห่งหนึ่ง โปรแกรมยอดนิยมซึ่งคุณสามารถเลือกสีอื่นและเลือกค่า RGB เดียวกัน ฐานสิบหก และไม่เพียงเท่านั้น - Adobe Photoshop. อีกทางเลือกหนึ่งคือมีไซต์พิเศษซึ่งคุณสามารถเลือกได้ไม่เพียงแค่สีเท่านั้น แต่ยังรวมถึงสีด้วย โทนสี. สต็อคภาพ – บริการ Adobe Color CC

รุ่นสี RGBA

คุณสามารถตั้งค่าสีในรูปแบบ RGBA ได้เช่นเดียวกับใน RGBA การมองเห็น RGBA เป็น RGB นั้นพิจารณาจากการมีอยู่ของช่องอัลฟาซึ่งเป็นที่รู้จักสำหรับความโปร่งใสของสี ความชัดเจนถูกตั้งค่าเป็นตัวเลขเพิ่มเติมในช่วงตั้งแต่ 0 ถึง 1 โดยที่ 0 แสดงความชัดเจนมากกว่า และ 1 หมายถึงไม่มีความทึบอีกต่อไป ค่ากลางสำหรับ xtalt 0.5 ช่วยให้คุณสามารถกำหนดรูปลักษณ์โปร่งแสงได้ (อนุญาตให้ใช้ตัวย่อโดยไม่มีศูนย์ แต่มีจุด - .5) ตัวอย่างเช่น เพื่อที่จะขยายข้อความด้วยสีและดูร่องรอย จำเป็นต้องเขียนคำสำคัญ rgba และค่าของสีตามอำนาจของสี:

P (สี: rgba(94, 81, 3, .9); )

ค่าลบของ RGBA คือค่าที่ไม่สนับสนุนโยคะ อินเทอร์เน็ตเบราว์เซอร์ เวอร์ชั่นนักสำรวจ 8 และก่อนหน้า พิเศษสำหรับ IE8 คุณสามารถใช้วิธีแก้ไขปัญหาต่อไปนี้:

P ( สี: rgb(94, 81, 3); สี: rgba(94, 81, 3, .9); )

พาวเวอร์แรกในแอปพลิเคชันเป็นที่รู้จักสำหรับเบราว์เซอร์ IE8 ซึ่งแสดงข้อความด้วยสีที่เหมาะสม แต่ไม่มีความโปร่งใส และเบราว์เซอร์เหล่านั้น เช่น rozumіyut RGBA, zastosuyut ไปจนถึงองค์ประกอบของเพื่อนที่มีอำนาจจากความโปร่งใส

รุ่นสี HSL (HSLA)

คุณยังสามารถตั้งค่าสีใน CSS โดยใช้พิกัดเพิ่มเติมของโมเดลสี HSL (ฮิว ความอิ่มตัว ความสว่าง - โทนสี ความอิ่มตัวของสี ความเบา) บันทึกดังนี้:

P ( สี: hsl(165, 100%, 50%); )

ตัวเลขแรกในคันธนูหมายถึงโทนสี (hue) และกำหนดเป็นองศา (ช่วงของตัวเลขคือ 0 ถึง 359) มันจะง่ายสำหรับคุณที่จะเข้าใจว่าทำไมองศาของตัวเองจึงได้รับชัยชนะอย่างที่คุณสามารถเดาได้เมื่อคุณดูสีของ colo:

ตัวเลขอื่นและหมายเลขสามที่แขนหมายถึงความอิ่มตัว (saturation) และความสว่าง (lightness) อย่างเห็นได้ชัด ค่าเหล่านี้กำหนดไว้สำหรับค่าตั้งแต่ 0 ถึง 100 ยิ่งค่าต่ำเท่าไหร่ เราก็ยิ่งปิดบังสีมากขึ้นเท่านั้น ค่าความอิ่มตัว ซึ่งไปที่ศูนย์ ทำให้เป็นสีเทา หากไม่มีค่า ค่านั้นก็สามารถมีค่าฮิวได้ สำหรับค่าความสว่างเพิ่มเติม (แสง) คุณสามารถแสดงความสว่างของสีได้ ค่าต่ำนำไปสู่เฉดสีเข้ม สูงไปสว่าง ค่าความสว่าง 100% หมายถึง สีขาว สีดำ 0%

โมเดลสี HSLA สามารถใช้ได้ในลักษณะเดียวกัน เช่น HSL แต่ในนั้นคล้ายกับ RGBA є alpha channel ซึ่งคุณสามารถตั้งค่าความโปร่งใสของสีได้ โดยระบุค่าที่จำเป็นในช่วงประเภท 0 ถึง 1:

P ( สี: hsla(165, 100%, 50%, .6); )

HSL และ HSLA รองรับเบราว์เซอร์ทั้งหมด ครีม Internet Explorerเวอร์ชัน 8 และก่อนหน้า

สี HTML มาตรฐาน

อีกวิธีในการแสดงตั๋วทางเว็บ คีย์เวิร์ดเพื่อช่วยในการระบุสีขององค์ประกอบ ก้น:

พี (สี: ดำ; )

มี 16 สีมาตรฐานซึ่งสามารถเขียนเป็นค่าความจุได้:

เบราว์เซอร์ทั้งหมดรองรับสี ต่อไปนี้เป็นคำหลักเพิ่มเติม 130 คำสำหรับรูปแบบสีต่างๆ คุณสามารถตรวจสอบตารางสีเดียวกันสำหรับ W3C

การเลือกคำสำคัญดังกล่าวเป็นที่ยอมรับ แต่มีความเสี่ยงที่เบราว์เซอร์จะไม่ยอมรับคำดังกล่าว ดังนั้นจึงแนะนำให้จดรหัสสีที่สิบหกเพื่อแทนที่คำสำคัญ

Podbags

ใน CSS สีของข้อความถูกตั้งค่าเพื่อเพิ่มพลังของสี และสามารถเขียนค่าลงในรูปลอกได้ด้วยวิธีต่อไปนี้ - ในรูปแบบฐานสิบหก ในรูปแบบ RGB หรือ HSL หรือโดยการระบุคำหลัก เพื่อกำจัดการเลือกสีที่ไม่ถูกต้อง ให้ระบุค่าฐานสิบหกหลังจากความช่วยเหลือของคำหลัก

นอกจากนี้ยังสามารถตั้งค่าความโปร่งใสสำหรับช่องอัลฟาเพิ่มเติม (รูปแบบ RGBA และ HSLA) ให้กับองค์ประกอบได้ ไม่ว่าในกรณีใด กล่าวได้อย่างปลอดภัยว่าเบราว์เซอร์คือ IE8 และ yogo รุ่นแรกๆไม่รองรับรูปแบบ RGBA, HSL และ HSLA

ที่ สี HTMLคุณสามารถใส่ triplet ด้วยวิธีต่อไปนี้:

ฉันจะตั้งชื่อโปรแกรมจัดการสี HTML สำหรับโยคะ

Deyakі kolori สามารถตั้งค่าสำหรับชื่อїhnoy, vikorivuyuchi ตามความหมายฉันจะตั้งชื่อสี ภาษาอังกฤษ. คำหลักที่กว้างที่สุดคือ: ดำ (ดำ), ขาว (ขาว), แดง (ดำ), เขียว (เขียว), น้ำเงิน (น้ำเงิน) และใน

ข้อความสี - สีแดง

สีที่ได้รับความนิยมสูงสุดตามมาตรฐาน Consortium แมงมุมทั่วโลก(English World Wide Web Consortium, W3C):

ตัวอย่างชื่อสีต่างๆ:

ก้น: zavdannya สีสำหรับชื่อ

• ลองด้วยตัวคุณเอง »

หัวเพลี้ยแดง

ชื่อเรื่องบนพื้นหลังสีส้ม

ส่วนหัวของ tli lime

ข้อความสีขาวบนเพลี้ย blackite

หัวเพลี้ยแดง

ชื่อเรื่องบนพื้นหลังสีส้ม

ส่วนหัวของ tli lime

ข้อความสีขาวบนเพลี้ย blackite

ตัวจัดการสีเพื่อขอความช่วยเหลือ RGB

เมื่อแสดงสีต่างๆ บนจอภาพ จะใช้จานสี RGB เป็นพื้นฐาน ไม่ว่าจะมีสีไหนก็จะเปลี่ยนเปลี่ยนสามสีหลัก: R - แดง (แดง), G - กรีน (เขียว), B - น้ำเงิน (น้ำเงิน). ความเข้มของสีผิวถูกกำหนดโดยหนึ่งไบต์ i ดังนั้นคุณสามารถรับค่าได้ตั้งแต่ 0 ถึง 255 ตัวอย่างเช่น RGB (255,0,0) จะแสดงเป็นสีแดง ส่วนสีแดงจะถูกตั้งค่าเป็นค่าเริ่มต้น ค่า (255) และอื่น ๆ ถูกตั้งค่าเป็น 0 คุณยังสามารถตั้งค่าสีของvіdsotkovuvіdnoshenі หนังจากพารามิเตอร์ระบุถึงrіvenของyaskravostіvіdpovіdnogo koloru ตัวอย่างเช่น: ค่า rgb(127, 255, 127) และ rgb(50%, 100%, 50%) จะกำหนดสีเขียวเดียวกันของค่าเฉลี่ย:

Buttstock: ตัวจัดการสีเพื่อขอความช่วยเหลือ RGB

• ลองด้วยตัวคุณเอง »

rgb(127, 255, 127)

rgb(50%, 100%, 50%)

rgb(127, 255, 127)

rgb(50%, 100%, 50%)

ตัวจัดการสีสำหรับค่าที่สิบหก

ค่า R จี บีนอกจากนี้ยังสามารถระบุได้ด้วยความช่วยเหลือของค่าสีที่สิบหก (HEX) ในรูปแบบ: #RRGGBB, de RR (chervony), GG (สีเขียว) และ BB (สีน้ำเงิน) єค่าที่สิบหกจาก 00 ถึง FF (ตัวเอง เช่นหลักสิบ 0-255) . ระบบที่สิบหกบนพื้นฐานของระบบที่สิบนั้นมีพื้นฐานมาจากราวกับว่ากำลังตะโกนชื่อ z їїบนหมายเลข 16 ระบบที่สิบหกของตัวละครที่ได้รับชัยชนะคือ: 0, 1, 2, 3, 4, 5, 6, 7 , 8, 9, A, B, Z, D, E, F. ในที่นี้ ตัวเลขตั้งแต่ 10 ถึง 15 จะถูกแทนที่ด้วยตัวอักษรละติน ตัวเลขที่มากกว่า 15 ในระบบที่สิบหกคือการรวมกันของอักขระสองตัวในค่าเดียว ตัวอย่างเช่น จำนวนที่มากที่สุด 255 ในระบบที่สิบแสดงค่า FF สูงสุดในระบบที่สิบหก ที่ด้านบนสุดของระบบที่สิบ ให้ใส่สัญลักษณ์แฮชก่อนหมายเลขที่สิบหก # ตัวอย่างเช่น #FF0000 ปรากฏเป็นสีแดง ดังนั้นสีแดงจึงถูกกำหนดเป็นค่าสูงสุด (FF) และค่าต่ำสุด (00) จะถูกตั้งค่าเป็นสีอื่น ป้ายหลังสัญลักษณ์ ґrat # คุณสามารถพิมพ์ได้มาก เล็กมาก ระบบที่สิบหกช่วยให้คุณเปลี่ยนรูปแบบย่อของรูปแบบ #rgb ถอดรหัสสัญลักษณ์เท่ากับสงครามย่อย ดังนั้น รายการ #f7O ควรเปลี่ยนเป็น #ff7700

สต็อก: สี HEX

• ลองด้วยตัวคุณเอง »

สีแดง: #FF0000

สีเขียว: #00FF00

สีน้ำเงิน: #0000FF

สีแดง: #FF0000

สีเขียว: #00FF00

สีน้ำเงิน: #0000FF

แดง+เขียว=เหลือง: #FFFF00

แดง+น้ำเงิน=ม่วง: #FF00FF

เขียว+น้ำเงิน=น้ำเงิน: #00FFFF

รายการสีกว้าง (ชื่อ HEX และ RGB):

Cody colors (พื้นหลัง) สำหรับสีและสี