ส่วนขยายดูดสีสำหรับ Chrome, Edge และ Firefox
ดูดสีจากจุดใดก็ได้บนหน้าเว็บหรือวางโค้ดสีใดก็ได้ แล้วคัดลอกเป็น HEX, RGB, HSL หรือ OKLCH ในคลิกเดียว ดึงพาเลตของทั้งเว็บไซต์และส่งออกเป็น CSS, Tailwind หรือ design token
ฟรี ไม่ต้องมีบัญชี ใช้ได้แม้ออฟไลน์
ทำอะไรได้บ้าง
- ที่ดูดสี
- ดูดสีจากพิกเซลใดก็ได้บนหน้า แล้วคัดลอกค่าในรูปแบบของคุณทันที
- เข้าใจทุกสี
- วาง HEX, rgb(), hsl(), oklch(), คลาส Tailwind อย่าง sky-500, โค้ด Swift หรือ Flutter หรือชื่อสีอย่าง “สีกรมท่า”
- ให้ทุกรูปแบบ
- HEX, RGB, HSL และ OKLCH แสดงคู่กัน คัดลอกได้ในคลิกเดียว รูปแบบที่คุณเลือกจะกลายเป็นค่าเริ่มต้น
- พาเลตจากเว็บไซต์
- รวบรวมสีและตัวแปร CSS ของหน้าที่เปิดอยู่ รวมสีที่เกือบเหมือนกัน และเรียงสีที่ใช้บ่อยที่สุดไว้ก่อน
- ส่งออก
- คัดลอกพาเลตของหน้าเป็นตัวแปร CSS, บล็อก @theme ของ Tailwind, SCSS, JSON, design token หรือ SVG
- ประวัติ
- สีล่าสุดรออยู่ในหน้าต่างส่วนขยาย และเก็บไว้ในเบราว์เซอร์นี้เท่านั้น
สิทธิ์
ส่วนขยายขอสิทธิ์สี่อย่างและไม่เคยขอเข้าถึงทุกเว็บไซต์ แต่ละสิทธิ์มีหน้าที่เดียว
activeTab- เข้าถึงแท็บที่เปิดอยู่ และเฉพาะหลังจากคุณคลิกไอคอนส่วนขยายหรือกดปุ่มลัดเท่านั้น
scripting- รันสคริปต์เล็ก ๆ ที่อ่านสีของหน้านั้นเมื่อคุณขอพาเลตหรือดูดสี
storage- เก็บสีล่าสุดและรูปแบบที่คุณชอบไว้ในเบราว์เซอร์นี้
clipboardWrite- คัดลอกสีหรือโค้ดที่คุณขอ
สิ่งที่ไม่เคยขอ
การเข้าถึงทุกเว็บไซต์ · ประวัติการท่องเว็บหรือรายการแท็บของคุณ · การวิเคราะห์ โฆษณา หรือการติดตาม · โค้ดที่โหลดจากอินเทอร์เน็ต
ปุ่มลัด
กด Alt+Shift+P บนหน้าใดก็ได้เพื่อดูดสีโดยไม่ต้องเปิดหน้าต่าง เปลี่ยนปุ่มลัดได้ในการตั้งค่าส่วนขยายของเบราว์เซอร์
คำถามที่พบบ่อย
ส่วนขยาย PickShade ใช้ฟรีไหม
ฟรี ที่ดูดสี ทุกรูปแบบ พาเลตของหน้า การส่งออก และประวัติใช้ได้ฟรี ไม่ต้องมีบัญชีและไม่มีโฆษณา
ทำไมอ่านบางหน้าไม่ได้
เบราว์เซอร์ไม่อนุญาตให้ส่วนขยายใดอ่านหน้าของเบราว์เซอร์เอง เช่น การตั้งค่า หน้าแท็บใหม่ และร้านส่วนขยาย ในหน้าเหล่านี้หน้าต่างยังแปลงสีที่คุณวางได้ และใน Chrome กับ Edge ที่ดูดสีก็ยังใช้ได้
ส่วนขยายส่งสีของฉันไปที่ไหนหรือไม่
ไม่ สีคำนวณภายในส่วนขยายด้วยสูตร CSS Color 4 ชุดเดียวกับ pickshade.com ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์ และประวัติอยู่ในเบราว์เซอร์ของคุณ
ที่ดูดสีทำงานอย่างไรใน Firefox
Firefox ไม่มีที่ดูดสีในตัวสำหรับส่วนขยาย PickShade จึงถ่ายภาพส่วนที่มองเห็นของหน้าและแสดงแว่นขยาย คลิกพิกเซลหรือเลื่อนแว่นขยายด้วยปุ่มลูกศรแล้วกด Enter