รหัส rgb เป็นสีม่วง วิธีเปลี่ยนสีข้อความ HTML และ CSS รุ่นสี RGB

กำหนดสี HTML ได้สามวิธี:

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

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

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

สีที่ได้รับความนิยมสูงสุดตามมาตรฐาน 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) . ระบบที่สิบหกตามระบบทศนิยมใช้ชื่อหมายเลข 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 (พื้นหลัง) สำหรับสีและสี

ในส่วนแรกของหนังสือ ตัวอย่างบางส่วนได้สาธิตวิธีกำหนดสีของข้อความใน 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: ดาว ใช้ความหมายของสีทั้งหมดหรือไม่? ใช้โปรแกรมแก้ไขกราฟิกที่ไม่ระบุชื่อและบริการออนไลน์ ซึ่งคุณสามารถเลือกสีและสร้างชุดสีได้ หนึ่งในโปรแกรมยอดนิยมที่คุณสามารถเลือกสีอื่นและเลือกค่า 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 คือค่าที่ไม่สนับสนุน Internet Explorer เวอร์ชัน 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 และเวอร์ชันก่อนหน้าไม่รองรับรูปแบบ RGBA, HSL และ HSLA

โมดูลสี CSS อธิบายความหมายอย่างชัดเจน ซึ่งช่วยให้ผู้เขียนกำหนดสีและความทึบขององค์ประกอบ html ตลอดจนค่าความเข้มของสีได้

พลังสี

1. สีหลัก: yak_st color

พาวเวอร์จะกำหนดสีของฟอนต์สำหรับความช่วยเหลือจากระบบสีต่างๆ พาวเวอร์จะกำหนดสีขององค์ประกอบข้อความแทน นอกจากนี้ยังได้รับชัยชนะสำหรับค่าทางอ้อมที่อาจเกิดขึ้น (currentColor) สำหรับหน่วยงานอื่น ๆ เช่นค่าของสี

พลังงานลดลง

2. ความหมายของสี

2.1. คีย์เวิร์ดหลัก

รายการคำหลักมีความหมายดังต่อไปนี้:

ชื่อสีไม่ไวต่อการลงทะเบียน

ไวยากรณ์

สี: น้าน;

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

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

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