วิธีเปลี่ยนสีพื้นหลังเว็บไซต์ใน Edge, Chrome และ Firefox

วิธีเปลี่ยนสีพื้นหลังเว็บไซต์ใน Edge, Chrome และ Firefox
ผู้อ่านเช่นคุณช่วยสนับสนุน MUO เมื่อคุณทำการซื้อโดยใช้ลิงก์บนเว็บไซต์ของเรา เราอาจได้รับค่าคอมมิชชั่นจากพันธมิตร อ่านเพิ่มเติม.

Chrome, Edge, Safari และ Firefox ไม่มีตัวเลือกในการเปลี่ยนสีพื้นหลังของเว็บไซต์อย่างน่าประหลาดใจ น่าเสียดาย เนื่องจากตัวเลือกสำหรับการปรับเปลี่ยนสีพื้นหลังบนไซต์ที่มีรูปแบบสีแปลก ๆ จะมีประโยชน์ในการทำให้ข้อความและเนื้อหาของหน้าชัดเจนขึ้น





สร้างวิดีโอประจำวัน

อย่างไรก็ตาม คุณไม่จำเป็นต้องพึ่งพานักออกแบบเว็บไซต์ในการใช้ชุดสีที่ดีบนเว็บไซต์ของพวกเขา คุณสามารถเปลี่ยนสีพื้นหลังบนเว็บไซต์ได้เองด้วยส่วนขยายเบราว์เซอร์บางตัว นี่คือวิธีที่คุณสามารถปรับแต่งสีพื้นหลังบนไซต์ด้วยส่วนขยาย Chrome, Edge และ Firefox ทางเลือกสามแบบ





สิ่งที่ต้องทำกับแล็ปท็อปเครื่องใหม่

วิธีเปลี่ยนสีพื้นหลังบนเว็บไซต์ด้วย Stylebot

Stylebot เป็นหนึ่งในส่วนขยายการปรับแต่งสีของเว็บไซต์ที่ดีที่สุดสำหรับ Chrome, Firefox และ Edge ส่วนขยายนี้ทำให้คุณสามารถปรับแต่งพื้นหลังและสีข้อความบนหน้าเว็บเพื่อสร้างสไตล์ใหม่ได้ คุณสามารถใช้ เทรนด์สีการออกแบบเว็บไซต์ที่ดีที่สุด ไปยังไซต์ที่มีการตั้งค่าและคุณสมบัติมากมาย นอกจากนี้ Stylebot ยังให้คุณปรับแต่งข้อความบนเว็บไซต์ด้วยส่วนขยายนั้น





หากต้องการเพิ่มส่วนขยายนี้ในเบราว์เซอร์ ให้เปิดหน้าดาวน์โหลด Stylebot สำหรับ Chrome, Firefox หรือ Edge ที่ลิงก์ด้านล่าง คลิก รับ หรือ เพิ่ม ปุ่มบนหน้าดาวน์โหลดส่วนขยายเพื่อเพิ่มลงในเบราว์เซอร์ของคุณ หากต้องการปักหมุด Add-on ไว้ที่แถบเครื่องมือใน Chrome ให้คลิก ส่วนขยาย ปุ่ม คลิกขวา สไตล์บอต และเลือก เข็มหมุด .

ลองใช้ส่วนขยายนี้โดยเปิดหน้าวิดีโอ YouTube คลิก สไตล์บอต บนแถบเครื่องมือ แล้วเลือก เปิด Stylebot ตัวเลือก. จากนั้นเลื่อนเคอร์เซอร์ไปที่ด้านซ้ายบนของหน้าเพื่อให้เน้นทั้งหมด (หรือส่วนใหญ่) ของหน้า แล้วคลิกปุ่มเมาส์เพื่อเลือกองค์ประกอบพื้นหลังนั้น



  องค์ประกอบของหน้าที่เลือก

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

  จานสีพื้นหลังใน Stylebot

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





  ปุ่มเลือกองค์ประกอบในหน้าเพื่อจัดรูปแบบ

คุณสามารถปรับแต่งข้อความบนเว็บไซต์ได้โดยการกดปุ่ม เลือกองค์ประกอบ ปุ่มและคลิกย่อหน้าบนหน้า จากนั้นคลิกที่ ข้อความ กล่องเพื่อใช้สีอื่นในการเลือก คลิก ข้อความ ในแถบด้านข้างเพื่อแสดงตัวเลือกการปรับแต่งเพิ่มเติม คุณสามารถเปลี่ยนข้อความได้โดยเลือกตัวเลือกอื่นบน แบบอักษร , ขนาด , และ สไตล์ ตัวเลือก.

  กล่องสีข้อความ

Stylebot มีปุ่มลัดสำหรับสลับสไตล์เพจที่คุณใช้ไปแล้วเปิดใหม่ กด ทุกอย่าง + กะ + ปุ่มลัดเพื่อปิด/เปิดสไตล์ คุณยังสามารถคลิกปุ่มแถบเครื่องมือ Stylebot แล้วคลิกสวิตช์สลับสำหรับเว็บไซต์เพื่อเปิด/ปิดสไตล์





คุณสามารถลบสไตล์ได้โดยคลิกปุ่มของส่วนขยายแล้วเลือก ตัวเลือก . โดยคลิก สไตล์ ทางซ้ายของ สไตล์บอต แท็บ จากนั้นเลือก ลบ สำหรับสไตล์ที่คุณต้องการลบออก

  แท็บสไตล์

Stylebot ยังรวมเอาตัวแก้ไข CSS ที่ช่วยให้ผู้ใช้สามารถปรับเปลี่ยนรูปแบบสีของเว็บไซต์ด้วยโค้ด คุณสามารถเข้าถึงได้โดยคลิกที่ รหัส ปุ่มที่ด้านล่างสุดของแถบด้านข้างของ Stylebot คำแนะนำของเราในการ เปลี่ยนสีพื้นหลังด้วย CSS บอกวิธีการใช้การเปลี่ยนแปลงสีดังกล่าวกับภาษาโปรแกรม Cascading Style Sheet

  ตัวแก้ไข CSS ใน Stylebot

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

ดาวน์โหลด : Stylebot สำหรับ Google Chrome | ไฟร์ฟอกซ์ | ขอบ (ฟรี)

วิธีหา gpu windows 10

วิธีเปลี่ยนสีพื้นหลังบนเว็บไซต์ด้วย Color Changer

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

คุณสามารถเพิ่ม Color Changer ให้กับ Chrome และ Edge ได้จากหน้าที่ลิงก์ไว้ที่ส่วนท้ายของส่วนนี้ หลังจากติดตั้งส่วนขยายแล้ว ให้เปิดไซต์เพื่อทดลองใช้ จากนั้นคลิกที่ เปลี่ยนสี ปุ่มและ พื้นหลัง ตัวเลือก; ลากตัวเลื่อนบน สีแดง , สีเขียว , และ สีฟ้า แถบเพื่อเปลี่ยนสีพื้นหลังของหน้า

  แถบ RGB ใน Color Changer

คุณสามารถเปลี่ยนสีข้อความบนหน้าได้ด้วยวิธีเดียวกัน คลิก แบบอักษร ปุ่มเพื่อเปิดแถบ RGB สำหรับข้อความ จากนั้นลากตัวเลื่อนบนแถบเหล่านั้นเพื่อปรับเปลี่ยนสีข้อความบนหน้า

ดาวน์โหลด : โปรแกรมเปลี่ยนสีสำหรับ Google Chrome | ขอบ (ฟรี)

วิธีเปลี่ยนสีพื้นหลังบนเว็บไซต์ด้วย Color Changer

Color Changer เป็นส่วนขยายของ Firefox และ Chrome (ใช้ได้กับ Edge ด้วย) สำหรับเปลี่ยนสีพื้นหลัง ข้อความ และลิงค์บนเว็บไซต์ ส่วนเสริมนี้เป็นอีกตัวที่ใช้งานง่ายกว่า Stylebot เพราะช่วยให้คุณสามารถเปลี่ยนสีพื้นหลังบนเว็บไซต์โดยไม่จำเป็นต้องเลือกองค์ประกอบของหน้า ดังนั้น ผู้ใช้บางคนอาจชอบความเรียบง่ายโดยตรงของ Color Changer

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

เปิดเครื่องมือค้นหา Google.com ในเบราว์เซอร์ของคุณซึ่งมีพื้นหลังสีขาวล้วนซึ่งเหมาะสำหรับการลองใช้ Color Changer คลิก เปลี่ยนสี ปุ่มเพื่อดูตัวเลือกของส่วนขยาย กด สีพื้นหลัง ปุ่ม. จากนั้นเลือกสีใดสีหนึ่งบนจานสีเพื่อใช้กับพื้นหลัง ลากตัวเลื่อนของแถบเพื่อปรับระดับความคมชัด/ความสว่างของสี

  จานสีสำหรับการเลือกสีในส่วนขยาย Color Changer

หากต้องการลองใช้ตัวเลือกในการเปลี่ยนสีข้อความและลิงก์ ให้ป้อนคำหลักในช่องค้นหาของ Google แล้วคลิกค้นหา จากนั้นคุณจะเห็นลิงก์และข้อความมากมายสำหรับใช้การเปลี่ยนสีในผลการค้นหา คุณสามารถเปลี่ยนสีได้เหมือนกับพื้นหลังโดยคลิกที่ ข้อความ หรือ สีลิงค์ ตัวเลือก.

  เปลี่ยนสีข้อความและลิงค์ใน Google

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

ดาวน์โหลด : โปรแกรมเปลี่ยนสีสำหรับ Google Chrome | ขอบ | ไฟร์ฟอกซ์ (ฟรี)

ใช้สีพื้นหลังที่ดีกว่ากับเว็บไซต์ใน Chrome, Firefox และ Edge

ไม่ใช่ทุกไซต์ที่มีรูปแบบสีพื้นหลังและข้อความที่เหมาะสมที่สุด ตอนนี้คุณสามารถแก้ไขการขัดแย้งกันของสีบนเว็บไซต์ที่เปิดใน Chrome, Firefox และ Edge ได้โดยการเปลี่ยนพื้นหลังและสีข้อความด้วยส่วนขยายในคู่มือนี้

Stylebot เป็นรูปแบบที่ทันสมัยที่สุดในสามรูปแบบ แต่การใช้พื้นหลังแบบเต็มและการเปลี่ยนสีข้อความกับส่วนขยายอื่นๆ จะง่ายกว่าเล็กน้อย นอกจากนี้ยังมีตัวเลือกในการเปลี่ยนสีของเบราว์เซอร์ของคุณเอง