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