หากคุณเป็นกราฟิกดีไซเนอร์ หรือเพิ่งเคยเข้าสู่โปรแกรมแก้ไขภาพ คุณจะเห็น a กล่องที่ให้คุณเปลี่ยนสีได้ไม่ว่าจะเป็นถังสี แปรง ตัวอักษร ... สิ่งที่อาจทำให้คุณสงสัยคือเมื่อเลือกสีแล้ว รหัสสีรู้ไหมมันคืออะไร?
หากคุณเคยสงสัยว่ารหัสตัวอักษรหรือตัวเลขเหล่านั้นหมายถึงอะไร และต้องการทราบข้อมูลเพิ่มเติม เราช่วยให้คุณเข้าใจถึงความสำคัญของรหัสสี เหตุใดจึงสะท้อนสีและรายละเอียดที่น่าสนใจอื่นๆ
รหัสสีคืออะไร
เราสามารถกำหนดรหัสสีเป็น a ช่วงสีที่สามารถแสดงเว็บได้ นั่นคือความเป็นไปได้ที่มีอยู่ในจานสีประมาณ 216 สีเพื่อกำหนดว่าเว็บไซต์จะมีลักษณะอย่างไร รหัสนี้สามารถอ้างอิงตามระบบสามประเภท: RGB, HEX และ HSL (ตอนนี้เลิกใช้แล้ว)
ที่จริงแล้ว รหัสสีมีไว้เพื่อทำหน้าที่เป็นรหัสสากลสำหรับเบราว์เซอร์ทั้งหมดในลักษณะที่ด้วยรหัสเหล่านั้นสิ่งที่ทำได้คือการสร้างโทนสีเดียวกันทั้งใน Internet Explorer, Firefox Mozilla, Google Chrome …
คุณต้องรู้ว่า คอมพิวเตอร์สามารถแยกแยะสีได้มากถึง 16 ล้านสี ดังนั้นจึงมีความเป็นไปได้มากมายในการสร้างเว็บไซต์หรือแก้ไขรูปภาพ
ประเภทของรหัสสี
ดังที่เราได้บอกคุณไปแล้วก่อนหน้านี้ มีระบบสามประเภท:
- อาร์จีบี เป็นที่รู้จักกันดีและประกอบด้วยสีหลักสามสี ได้แก่ สีแดง สีน้ำเงิน และสีเขียว จากนั้นสีที่เหลือจะได้มาจากการผสมกัน สำหรับการแสดงข้อมูล จะมีช่วงตั้งแต่ 0 ถึง 255 และรหัสที่ปรากฏประกอบด้วยตัวเลขสามตัวคั่นด้วยเครื่องหมายจุลภาคและระหว่างวงเล็บ
- เลขฐานสิบหก ส่วนใหญ่ใช้ใน HTML และ CSS ในกรณีนี้ ประกอบด้วยทั้งตัวเลขและตัวอักษรที่จัดเรียงกันเองเพื่อให้ได้รหัสที่กำหนดสี
- เอชเอสแอล เมื่อเลิกใช้แล้ว จะขึ้นอยู่กับการใช้เฉดสี ความอิ่มตัว และความสว่างในการสร้างสี ถูกกำหนดโดยองศาและเปอร์เซ็นต์ (ตัวเลขสามตัวคั่นด้วยเครื่องหมายจุลภาคและในวงเล็บ)
เหตุใดรหัสจึงมีความสำคัญ
เมื่อคุณรู้แล้วว่ารหัสสีคืออะไร แอปพลิเคชันจึงเข้าใจได้ง่าย เนื่องจาก ใช้เพื่อกำหนดรหัสที่จำเป็นสำหรับการแสดงสีเฉพาะ ใช้งานได้เช่นบนหน้าเว็บ โค้ด HTML จะแสดงโดยนัยหากเว็บไซต์มีพื้นหลังเป็นสีใดสีหนึ่ง หากแบบอักษรเป็นสีแดง เหลือง เขียว น้ำเงิน ... และการใช้งานอื่นๆ อีกมากมาย
คุณเข้าใจไหมว่าทำไมมันถึงสำคัญ? ตัวอย่างเช่น สมมติว่าคุณมีเว็บไซต์ที่มีพื้นหลังสีแดง และคุณต้องการเปลี่ยนเป็นค่าว่าง หากคุณรู้รหัสที่กำหนดสีแดง โดยใช้เครื่องมือค้นหาในโค้ด HTML คุณจะได้ตำแหน่งที่สีนี้สะท้อน (เชื่อมโยงกับสีพื้นหลัง) และคุณสามารถเปลี่ยนได้อย่างรวดเร็ว แต่ถ้าคุณไม่มีมันล่ะ? คุณควรมองหาจนกว่าคุณจะพบส่วนนั้นและทดสอบเพื่อดูว่ารหัสใดใกล้เคียงกับสิ่งที่คุณต้องการ
ดังนั้นรหัสสีจึงช่วยให้คุณทำงานได้เร็วขึ้น รวมทั้งสามารถใช้สีในการออกแบบเว็บไซต์ แก้ไขภาพ ฯลฯ
รายการสีและรหัส เลขฐานสิบหก และ RGB
สุดท้ายนี้ เราขอฝากคุณไว้ด้านล่าง ตารางที่คุณสามารถค้นหาสีส่วนใหญ่ที่มีอยู่พร้อมกับรหัสทศนิยม (RGB) และเลขฐานสิบหก เพื่อที่ว่าเมื่อใดก็ตามที่คุณต้องการเปลี่ยนรหัส คุณสามารถทำได้ง่ายๆ โดยไม่ต้องมองหาในจานสี
แท็ก | ทศนิยม (R, G, B) | เลขฐานสิบหก |
---|---|---|
อลิซบลู | rgb (240, 248, 255) | # F0F8FF |
โบราณวัตถุ | rgb (250, 235, 215) | # FAEBD7 |
น้ำ | rgb (0, 255, 255) | # 00FFFF |
พลอยสีฟ้า | rgb (127, 255, 212) | # 7FFFD4 |
สีฟ้า | rgb (240, 255, 255) | # F0FFFF |
ผ้าขนสัตว์สีธรรมชาติ | rgb (245, 245, 220) | # F5F5DC |
บิสก์ | rgb (255, 228, 196) | # FFE4C4 |
สีดำ | rgb (0, 0, 0) | #000000 |
อัลมอนด์ลวก | rgb (255, 235, 205) | #FFEBCD |
สีน้ำเงิน | rgb (0, 0, 255) | # 0000FF |
บลูไวโอเล็ต | rgb (138, 43, 226) | # 8A2BE2 |
สีน้ำตาล | rgb (165, 42, 42) | # A52A2A |
เบอร์ลีวูด | rgb (222, 184, 135) | # DEB887 |
นักเรียนนายร้อย | rgb (95, 158, 160) | # 5F9EA0 |
เหล้าชนิดหนึ่ง | rgb (127, 255, 0) | # 7FFF00 |
ช็อคโกแลต | rgb (210, 105, 30) | # D2691E |
ปะการัง | rgb (255, 127, 80) | # FF7F50 |
ดอกไม้ชนิดหนึ่ง | rgb (100, 149, 237) | # 6495ED |
คอร์นซิล | rgb (255, 248, 220) | #FF8DC |
แดงเข้ม | rgb (220, 20, 60) | # DC143C |
ฟ้า | rgb (0, 255, 255) | # 00FFFF |
น้ำเงิน | rgb (0, 0, 139) | # 00008B |
ดาร์กไซยาน | rgb (0, 139, 139) | # 008B8B |
ก้านสีทองเข้ม | rgb (184, 134, 11) | #B8860B |
สีเทาเข้ม | rgb (169, 169, 169) | # A9A9A9 |
เขียวเข้ม | rgb (0, 100, 0) | #006400 |
เทาเข้ม | rgb (169, 169, 169) | # A9A9A9 |
ดาร์คคากี้ | rgb (189, 183, 107) | # BDB76B |
สีม่วงแดงเข้ม | rgb (139, 0, 139) | # 8B008B |
มะกอกเขียว | rgb (85, 107, 47) | # 556B2F |
สีส้มเข้ม | rgb (255, 140, 0) | #FF8C00 |
กล้วยไม้สีเข้ม | rgb (153, 50, 204) | # 9932CC |
ดำแดง | rgb (139, 0, 0) | #8B0000 |
แซลมอนดำ | rgb (233, 150, 122) | # E9967A |
สีเขียวเข้ม | rgb (143, 188, 143) | # 8FBC8F |
สีน้ำเงินเข้ม | rgb (72, 61, 139) | # 483D8B |
มืด | rgb (47, 79, 79) | # 2F4F4F |
darkslategrey | rgb (47, 79, 79) | # 2F4F4F |
มืด | rgb (0, 206, 209) | # 00CED1 |
สีม่วงเข้ม | rgb (148, 0, 211) | #9400D3 |
สีชมพูเข้ม | rgb (255, 20, 147) | # FF1493 |
ฟ้าลึก | rgb (0, 191, 255) | # 00BFFF |
Dimgray | rgb (105, 105, 105) | #696969 |
ดิมเกรย์ | rgb (105, 105, 105) | #696969 |
Dodgerblue | rgb (30, 144, 255) | # 1E90FF |
ไฟไหม้ | rgb (178, 34, 34) | # B22222 |
ดอกไม้สีขาว | rgb (255, 250, 240) | #FFFF0 |
ป่าไม้ | rgb (34, 139, 34) | #228B22 |
Fuchsia | rgb (255, 0, 255) | #FF00FF |
Gainsboro | rgb (220, 220, 220) | # ซีดีซีดีซี |
โกสต์ไวท์ | rgb (248, 248, 255) | # F8F8FF |
ทอง | rgb (255, 215, 0) | # FFD700 |
โกลเด้นรอด | rgb (218, 165, 32) | # DAA520 |
สีเทา | rgb (128, 128, 128) | #808080 |
สีเขียว | rgb (0, 128, 0) | #008000 |
เขียวเหลือง | rgb (173, 255, 47) | # ADFF2F |
สีเทา | rgb (128, 128, 128) | #808080 |
น้ำหวาน | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | #FF69B4 |
อินเดียแดง | rgb (205, 92, 92) | # CD5C5C |
คราม | rgb (75, 0, 130) | #4B0082 |
งาช้าง | rgb (255, 255, 240) | #FFFF0 |
สีกากี | rgb (240, 230, 140) | # F0E68C |
ช่อลาเวนเดอร์ | rgb (230, 230, 250) | # E6E6FA |
ลาเวนเดอร์บลัช | rgb (255, 240, 245) | # FFF0F5 |
สนามหญ้า | rgb (124, 252, 0) | # 7CFC00 |
มะนาวชิฟฟ่อน | rgb (255, 250, 205) | #FFFACD |
ฟ้าอ่อน | rgb (173, 216, 230) | # ADD8E6 |
แสง | rgb (240, 128, 128) | #F08080 |
สีฟ้าอ่อน | rgb (224, 255, 255) | # E0FFFF |
แสงสีทองก้านสีเหลือง | rgb (250, 250, 210) | # FAFAD2 |
สีเทาอ่อน | rgb (211, 211, 211) | # D3D3D3 |
สีเขียวอ่อน | rgb (144, 238, 144) | # 90EE90 |
แสงสีเทา | rgb (211, 211, 211) | # D3D3D3 |
ชมพูอ่อน | rgb (255, 182, 193) | # FFB6C1 |
ปลาแซลมอน | rgb (255, 160, 122) | # FFA07A |
แสงสีเขียว | rgb (32, 178, 170) | # 20B2AA |
ไฟสกายบลู | rgb (135, 206, 250) | #87เซฟา |
ไฟสเลทเกรย์ | rgb (119, 136, 153) | #778899 |
แสงไฟสีเทา | rgb (119, 136, 153) | #778899 |
ไฟสตีลบลู | rgb (176, 196, 222) | # B0C4DE |
แสงสีเหลือง | rgb (255, 255, 224) | # FFFFE0 |
มะนาว | rgb (0, 255, 0) | # 00FF00 |
มะนาวเขียว | rgb (50, 205, 50) | # 32CD32 |
ผ้าลินิน | rgb (250, 240, 230) | # FAF0E6 |
สีม่วงแดงเข้ม | rgb (255, 0, 255) | #FF00FF |
สีน้ำตาลแดง | rgb (128, 0, 0) | #800000 |
ปานกลางaquamarine | rgb (102, 205, 170) | # 66CDAA |
มีเดียมบลู | rgb (0, 0, 205) | # 0000 ซีดี |
มีเดียมออร์คิด | rgb (186, 85, 211) | # BA55D3 |
ปานกลาง | rgb (147, 112, 219) | #9370D8 |
กลาง | rgb (60, 179, 113) | # 3CB371 |
สื่อกลาง | rgb (123, 104, 238) | # 7B68EE |
มีเดียมสปริงกรีน | rgb (0, 250, 154) | # 00FA9A |
มีเดียมเทอร์ควอยซ์ | rgb (72, 209, 204) | # 48D1CC |
กลางไวโอเลต | rgb (199, 21, 133) | #C71585 |
มิดไนท์บลู | rgb (25, 25, 112) | #191970 |
มิ้นท์ครีม | rgb (245, 255, 250) | # F5FFFA |
มิสทีโรส | rgb (255, 228, 225) | # FFE4E1 |
แตะ | rgb (255, 228, 181) | #FFE4B5 |
นาวาโจไวท์ | rgb (255, 222, 173) | #FFDEAD |
กองทัพเรือ | rgb (0, 0, 128) | #000080 |
ลูกไม้เก่า | rgb (253, 245, 230) | # FDF5E6 |
มะกอก | rgb (128, 128, 0) | #808000 |
Olivedrab | rgb (107, 142, 35) | #6B8E23 |
สีส้ม | rgb (255, 165, 0) | #FFA500 |
orangered | rgb (255, 69, 0) | # FF4500 |
กล้วยไม้ | rgb (218, 112, 214) | # DA70D6 |
Palegoldenrod | rgb (238, 232, 170) | #EE8AA |
สีเขียวอ่อน | rgb (152, 251, 152) | # 98FB98 |
พาเลทเทอร์ควอยซ์ | rgb (175, 238, 238) | #อาฟีอี |
ซีด | rgb (219, 112, 147) | #D87093 |
มะละกอ | rgb (255, 239, 213) | # FFEFD5 |
ลูกพีช | rgb (255, 218, 185) | #FFDAB9 |
เปรู | rgb (205, 133, 63) | #CD853F |
สีชมพู | rgb (255, 192, 203) | # FFC0CB |
พลัม | rgb (221, 160, 221) | # DDA0DD |
แป้งสีฟ้า | rgb (176, 224, 230) | # B0E0E6 |
สีม่วง | rgb (128, 0, 128) | #800080 |
สีแดง | rgb (255, 0, 0) | # FF0000 |
กุหลาบสีน้ำตาล | rgb (188, 143, 143) | # BC8F8F |
royalblue | rgb (65, 105, 225) | # 4169E1 |
Saddlebrown | rgb (139, 69, 19) | #8B4513 |
ปลาแซลมอน | rgb (250, 128, 114) | # FA8072 |
ทรายสีน้ำตาล | rgb (244, 164, 96) | # F4A460 |
ทะเลเขียว | rgb (46, 139, 87) | # 2E8B57 |
เปลือกหอย | rgb (255, 245, 238) | #FF5EE |
สีน้ำตาล | rgb (160, 82, 45) | # A0522D |
เงิน | rgb (192, 192, 192) | # C0C0C0 |
ท้องฟ้าสีคราม | rgb (135, 206, 235) | # 87CEEB |
กระดานชนวน | rgb (106, 90, 205) | # 6A5ACD |
กระดานชนวน | rgb (112, 128, 144) | #708090 |
กระดานชนวน | rgb (112, 128, 144) | #708090 |
หิมะ | rgb (255, 250, 250) | #FFFAFA |
สปริงกรีน | rgb (0, 255, 127) | # 00FF7F |
เหล็กสีน้ำเงิน | rgb (70, 130, 180) | #4682B4 |
สีน้ำตาล | rgb (210, 180, 140) | # D2B48C |
นกเป็ดน้ำ | rgb (0, 128, 128) | #008080 |
หนาม | rgb (216, 191, 216) | # D8BFD8 |
มะเขือเทศ | rgb (255, 99, 71) | # FF6347 |
มีสีเขียวขุ่น | rgb (64, 224, 208) | # 40E0D0 |
สีม่วง | rgb (238, 130, 238) | #EE82EE |
ข้าวสาลี | rgb (245, 222, 179) | # F5DEB3 |
ขาว | rgb (255, 255, 255) | #FFFFFF |
ควันขาว | rgb (245, 245, 245) | #F5F5F5 |
สีเหลือง | rgb (255, 255, 0) | # FFFF00 |
เหลืองเขียว | rgb (154, 205, 50) | # 9ACD32 |
คุณรู้รหัสสีเพิ่มเติมหรือไม่? เราขอเชิญคุณใส่ความคิดเห็นเพื่อขยายรายการ