มีอะไรถูกส่งไปเซิร์ฟเวอร์ไหม

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

คัดลอกได้รูปแบบไหนบ้าง

HEX, RGB และ RGBA, HSL, HSV, CMYK, XYZ, LAB และ LCH พร้อมบรรทัด CSS ที่ใช้ได้ทันทีทั้งสีทึบและการไล่ระดับ

ทำไมหลอดดูดสีจากหน้าจอไม่ขึ้น

มันอาศัย EyeDropper API ของเบราว์เซอร์ ซึ่งไม่ได้มีทุกที่ ถ้าไม่มีก็อัปโหลดรูปแล้วดูดสีจากรูปแทนได้

สีมาแรงเลือกมาอย่างไร

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

ใช้สีเหล่านี้ในเชิงพาณิชย์ได้ไหม

ได้ ค่าสีไม่ได้เป็นของใคร สิ่งที่คุณคัดลอกจากที่นี่จึงนำไปใช้ในงานได้เลย

เลือกสี คัดลอกโค้ด แล้วกลับไปทำงานต่อ

ตัวเลือกสี ตัวสร้างการไล่ระดับ และหลอดดูดสีจากรูป รวมอยู่ในหน้าเดียว ไม่ต้องสมัคร ไม่ต้องติดตั้ง ไม่ต้องรอ เลือกเฉดแล้วคัดลอกเป็น HEX, RGB, HSL หรือ HSV

เปิดหน้าสีนี้

รหัสสี

HEX#0F37FF

RGBrgb(15, 55, 255)

HSLhsl(230°, 100%, 52.94%)

HSVhsv(230°, 94.12%, 100%)

CMYKcmyk(94.12%, 78.43%, 0%, 0%)

XYZxyz(19.61, 10.05, 95.5)

LABlab(37.93, 62.96, -98.45)

LCHlch(37.93, 116.86, 302.6°)

สีมาแรง

มีอะไรอยู่ข้างใน

หลอดดูดสี

ดูดสีจากรูปที่อัปโหลด หรือจากอะไรก็ได้บนหน้าจอในเบราว์เซอร์ที่รองรับ วางไฟล์ลงบนหน้าแล้วคลิกที่พิกเซล

แปลงรูปแบบสี

สลับทันทีระหว่าง HEX, RGB, HSL, HSV, CMYK, XYZ, LAB และ LCH และคัดลอกค่าใดก็ได้ไปใส่ CSS หรือโปรแกรมออกแบบของคุณ

ตัวสร้างการไล่ระดับ

เพิ่มและลากจุดสีบนแถบ สลับระหว่างเชิงเส้นกับรัศมี ปรับมุมและความทึบ แล้วคัดลอก CSS ที่ได้

ประวัติสี

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

ชุดสีและเฉด

ทุกหน้าสีมีสีอ่อน สีเข้ม และชุดสีหกแบบ และเปลี่ยนแบบใดก็ได้เป็นการไล่ระดับในคลิกเดียว

ฟรีและเป็นส่วนตัว

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

เหมาะกับใคร

นักออกแบบและทีมผลิตภัณฑ์: ตอนร่างหน้าจอหรือชุดสีแบรนด์ ลองจับคู่สี และคัดลอก CSS ของการไล่ระดับให้ตรงเป๊ะ
งานภาพประกอบและจิตรกรรม: ใช้หลอดดูดสีเก็บสีจากภาพถ่ายและภาพวาด และวางแผนการไล่แสงเงาให้นุ่มนวล
งานพัฒนาฝั่งหน้าเว็บ: สร้างค่าสีที่สม่ำเสมอทั้งโปรเจกต์ และอ่านค่ากลับจากงานออกแบบที่มีอยู่
คนที่ตรวจเรื่องการเข้าถึง: เทียบสีเดียวกันข้ามหลายโมเดล และปรับจนค่าความต่างผ่านเกณฑ์ที่ต้องการ

วิธีใช้งาน

1
เลือกสี
คลิกตรงไหนก็ได้ในแผงความอิ่มสี แล้วปรับละเอียดด้วยแถบเลื่อนเนื้อสีและความโปร่ง ค่า HEX, RGB และ HSV จะอัปเดตตาม
2
ดูดสีจากรูป
ลากรูปมาวางบนหน้า หรือเลือกไฟล์ แล้วคลิกพิกเซลที่ต้องการ รหัสสีจะขึ้นทันที
3
ทำการไล่ระดับ
คลิกที่แถบเพื่อเพิ่มจุดสีแล้วลากไปยังตำแหน่ง สลับระหว่างเชิงเส้นกับรัศมี แล้วตั้งมุม
4
คัดลอกไปใช้
คัดลอกค่าหรือทั้งบรรทัด CSS ทุกอย่างที่คุณเลือกจะถูกบันทึกลงประวัติโดยอัตโนมัติ

คำถามที่พบบ่อย

เครื่องมือเล็ก ๆ ที่ไม่ขวางทาง

ตอนแรกมันเป็นแค่เครื่องมือใช้กันเองภายใน เราอยากหยิบสีมาปรับแล้วทำงานต่อ โดยไม่ต้องเปิดโปรแกรมออกแบบหนัก ๆ ก่อน เราตั้งใจให้มีหน้าเดียว ตั้งใจให้เร็ว และจะให้ใช้ฟรีตลอดไป

ส่วนขยายเบราว์เซอร์

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

เปิด Chrome Web Store เปิด Microsoft Edge Add-ons