ดึงพาเลตสีจากเว็บไซต์
ป้อน URL ของเว็บไซต์ใด ๆ แล้วดึงพาเลตสีของมัน: ทุกสีที่ใช้ในสไตล์ชีต จัดอันดับตามความถี่ พร้อมคัดลอกหรือส่งออกเป็นโค้ด
ป้อนที่อยู่เว็บไซต์เพื่อดึงพาเลตสีของมัน
อ่านได้เฉพาะหน้าเว็บสาธารณะ และสีมาจาก CSS ที่หน้าเว็บส่งมา: เว็บที่วาดด้วยรูปภาพหรือ canvas อาจให้สีน้อยกว่า ฟรี ไม่ต้องสมัคร
เกี่ยวกับ ดึงพาเลตสีจากเว็บไซต์
เครื่องมือดึงพาเลตสีจากเว็บไซต์เผยให้เห็นสีที่เว็บใช้จริง ป้อนที่อยู่เว็บสาธารณะแล้วหน้าเว็บจะถูกดึงมาที่ฝั่งเรา, เบราว์เซอร์ไม่สามารถอ่านเว็บอื่นโดยตรงได้เนื่องจากข้อจำกัดข้ามต้นทาง, จากนั้นสไตล์อินไลน์ บล็อกสไตล์ที่ฝังอยู่ และสไตล์ชีตที่เชื่อมโยงจะถูกสแกนหาโทเค็นสีทุกตัว
ค่า HEX, rgb(), rgba(), hsl() และ hsla() ทั้งหมดจะถูกทำให้เป็นรูปแบบ HEX เดียวและนับ ดังนั้นพาเลตจะกลับมาโดยจัดอันดับตามความถี่ที่แต่ละสีปรากฏใน CSS ของเว็บ การจัดลำดับตามความถี่นี่เองที่แยกสีหลักของแบรนด์ที่แท้จริงออกจากเส้นขอบและเงาแบบครั้งเดียวหลายสิบตัวที่อยู่ในรายการด้านล่าง
ทุกแถบสีคัดลอกได้ด้วยคลิกเดียว และแผงส่งออกจะเปลี่ยนผลลัพธ์เป็นตัวแปร CSS, SCSS, การตั้งค่า Tailwind, JSON, แผ่นแถบสี SVG หรือรายการ HEX ล้วน เครื่องมือนี้ฟรีและจำกัดอัตรา เข้าถึงได้เฉพาะที่อยู่สาธารณะ และไม่เก็บอะไรนอกจากแคชระยะสั้นของการดึงข้อมูล
วิธีใช้ ดึงพาเลตสีจากเว็บไซต์
- วางที่อยู่เว็บไซต์สาธารณะลงในช่อง (จะเพิ่ม https:// ให้อัตโนมัติหากคุณไม่ได้ใส่)
- คลิก "ดึงสี" แล้วรอสักครู่ขณะที่หน้าเว็บและสไตล์ชีตของมันถูกอ่าน
- ตรวจสอบพาเลต: สีจะจัดอันดับตามความถี่ที่ปรากฏใน CSS ของเว็บ
- คลิกแถบสีใด ๆ เพื่อคัดลอกค่า HEX ของมัน หรือใช้ "คัดลอกทั้งหมด" สำหรับรายการทั้งหมด
- เปิดส่งออกเพื่อรับพาเลตเป็น CSS, SCSS, Tailwind, JSON, SVG หรือ HEX ล้วน