ตัวสร้างพาเลตสี

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

รูปแบบสี

คลิกที่ช่องสีเพื่อคัดลอกโค้ด

    พาเลตจากรูปภาพ

    รูปภาพไม่ออกจากเครื่องของคุณ — เบราว์เซอร์อ่านไฟล์โดยตรง

      วิธีใช้

      1. พิมพ์รหัสสีหรือเปิดช่องเลือกสี พาเลตจะวาดใหม่ตามที่คุณเลือก
      2. สลับชุดสีได้ สีตรงข้ามอยู่ฝั่งตรงข้ามของวงล้อ ส่วนชุดสามสีแบ่งวงล้อออกเป็นสามส่วน
      3. คลิกที่ช่องสีเพื่อคัดลอกรหัส หรือคัดลอกทั้งชุดเป็นตัวแปร CSS
      4. ถ้าจะดึงสีจากรูปถ่าย ให้เลือกไฟล์ภาพ ระบบจะอ่านไฟล์นั้นบนเครื่องของคุณ

      สิ่งที่ควรรู้

      องศาเหล่านี้มาจากไหน

      ชุดสีไม่ใช่เรื่องรสนิยม แต่เป็นเรื่องเรขาคณิตบนวงล้อสี สีตรงข้ามอยู่ฝั่งตรงกันข้ามพอดีที่ 180° ชุดสามสีแบ่งวงกลมออกเป็นสามส่วนเท่ากันส่วนละ 120° ส่วนสีข้างเคียงคือสีที่อยู่ติดกันในระยะสามสิบองศา เครื่องมือนี้หมุนเฉพาะเนื้อสีโดยคงความอิ่มตัวและความสว่างไว้ สีที่มาเข้าคู่จึงสดและเข้มเท่ากับสีที่คุณเริ่มต้น

      ทำไมรูปถ่ายถึงให้สีจริง ไม่ใช่สีขุ่น ๆ

      การนับพิกเซลที่พบบ่อยที่สุดใช้ไม่ได้กับรูปถ่าย ลำพังท้องฟ้าก็มีสีฟ้าที่ต่างกันเพียงนิดเดียวนับล้านเฉด ซึ่งแต่ละเฉดปรากฏเพียงครั้งเดียว เครื่องมือนี้แบ่งปริภูมิสีออกเป็นสองส่วนตามช่องสีที่กว้างที่สุด แล้วทำซ้ำจนได้กล่องมากพอ ชุดสีที่ได้จึงเก็บท้องฟ้า ใบหน้า และเงาไว้แยกกัน แทนที่จะได้สีน้ำตาลเฉลี่ยสีเดียว

      แหล่งข้อมูล

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

      ควรใช้ชุดสีแบบไหนกับเว็บไซต์

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

      จะนำพาเลตไปใช้ในโค้ดอย่างไร

      คัดลอกบล็อกตัวแปร CSS ที่อยู่ใต้ช่องสีแล้ววางลงในไฟล์สไตล์ของคุณ ชื่อที่ได้จะเป็น --color-1 ถึง --color-6 ซึ่งอ่านง่ายกว่าแถวรหัสเลขฐานสิบหกเมื่อไปอยู่ในโปรเจกต์ของคนอื่น

      รูปของฉันถูกอัปโหลดไปที่ไหนหรือเปล่า

      ไม่ ภาพถูกถอดรหัสในหน้านี้และย่อลงเหลือ 160 พิกเซลก่อนเริ่มนับสี ไม่มีอะไรออกไปจากเครื่อง และคำตอบก็มาทันที

      ทำไมแถวเฉดเข้มถึงไม่จบที่สีดำ

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

      เครื่องมือที่เกี่ยวข้อง