HEX · RGB · HSL · HSV · CMYK
ตัวแปลงสี
สี #0060fd คือ rgb(0, 96, 253), hsl(217, 100%, 50%) และ cmyk(100%, 62%, 0%, 1%) พิมพ์สี CSS ใดก็ได้หรือใช้ตัวเลือกสีเพื่อแปลงสีของคุณเอง
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
ช่องแสดงผลจะอัปเดตขณะคุณพิมพ์ หากข้อความไม่ใช่สี จะมีข้อผิดพลาดปรากฏ และสีที่ถูกต้องล่าสุดยังแสดงอยู่บนหน้าจอ
Scanned by 
NortonTM Safe Web
ภาพรวมโดยสรุป
- ราคา
- ไม่มีค่าใช้จ่าย
- บัญชี
- ไม่ต้องมี
- การอัปโหลด
- ไม่เกี่ยวข้อง — คุณพิมพ์สี ไม่มีอะไรถูกส่งไปที่ใด
- อินพุต
- HEX (3, 4, 6 หรือ 8 หลัก), rgb(), hsl(), hwb(), ชื่อสี CSS 148 ชื่อ และ transparent
- เอาต์พุต
- HEX, RGB, HSL, HSV, CMYK และชื่อสี CSS ที่ใกล้เคียงที่สุด
- CMYK
- การแปลงทางคณิตศาสตร์ ไม่ใช่โปรไฟล์งานพิมพ์
สีที่พบบ่อยในทุกโมเดล
แถวเหล่านี้สร้างจากโค้ดเดียวกับตัวแปลง ค่า HSL, HSV และ CMYK ถูกปัดเป็นจำนวนเต็ม
| ที่พิมพ์ | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
วิธีแปลงสี
ใส่สี
พิมพ์รหัส HEX 3, 4, 6 หรือ 8 หลัก ค่า rgb(), hsl() หรือ hwb() หรือชื่อสี CSS หนึ่งใน 148 ชื่อ หรือคลิกช่องสีแล้วเลือกสีด้วยตัวเลือกสีของเบราว์เซอร์ก็ได้
อ่านค่าในโมเดลอื่น
ตัวอย่างสีแสดงบนพื้นลายตารางหมากรุก จึงมองเห็นความโปร่งใสได้ ช่องต่าง ๆ แสดงสีเดียวกันในรูป HEX, RGB, HSL, HSV และ CMYK พร้อมชื่อสี CSS ที่ใกล้เคียงที่สุด
คัดลอกสิ่งที่ต้องการ
กดคัดลอกที่ช่องใดก็ได้เพื่อนำค่านั้นไปไว้ในคลิปบอร์ด พร้อมวางลงในสไตล์ชีต เครื่องมือออกแบบ หรือเอกสาร
โมเดลสีเกี่ยวข้องกันอย่างไร
RGB อธิบายสีด้วยปริมาณแสงสีแดง เขียว และน้ำเงินที่หน้าจอรวมกัน แต่ละค่าอยู่ระหว่าง 0 ถึง 255 โดย #0060fd คือแดง 0 เขียว 96 และน้ำเงิน 253 HEX คือตัวเลขสามค่าเดียวกันที่เขียนในเลขฐาน 16 ดังนั้น 96 คือ 60 และ 253 คือ fd ส่วน HSL และ HSV อธิบายสีเดียวกันด้วยมุมเฉดสีตั้งแต่ 0 ถึง 360 องศาบนวงล้อสี และเปอร์เซ็นต์อีกสองค่า คือความอิ่มตัว และความสว่าง (HSL) หรือค่าความสว่างสูงสุด (HSV) โดย #0060fd มีเฉดสี 217 ทั้งสองโมเดล CMYK อธิบายหมึกพิมพ์: ฟ้า ม่วงแดง เหลือง และดำถูกหักออกจากกระดาษสีขาว
CMYK ที่แสดงที่นี่เป็นการแปลงทางคณิตศาสตร์แบบพื้นฐาน: สีดำคือ 1 ลบด้วยค่าที่มากที่สุดของ R, G และ B ส่วนฟ้า ม่วงแดง และเหลืองคือส่วนที่เหลือ ไม่ใช่โปรไฟล์งานพิมพ์ เครื่องพิมพ์หรือโปรแกรมออกแบบที่ใช้โปรไฟล์ ICC จึงให้ตัวเลข CMYK ต่างออกไปสำหรับสีเดียวกัน ค่า HSL แสดงเป็นจำนวนเต็ม การแปลงค่าที่ปัดแล้วกลับจึงอาจทำให้ช่องสีเปลี่ยนไปไม่กี่หน่วย: hsl(217, 100%, 50%) คือ #0062ff ไม่ใช่ #0060fd ชื่อสี CSS ที่ใกล้เคียงที่สุดคือคำหลักที่มีความต่างสี CIE76 น้อยที่สุดในปริภูมิ L*a*b* ทุกอย่างทำงานในเบราว์เซอร์ของคุณ และไม่มีอะไรถูกส่งไปที่ใด
คำถามเกี่ยวกับตัวแปลงสี
แปลง HEX เป็น RGB อย่างไร
แบ่งหกหลักเป็นสามคู่ แล้วอ่านแต่ละคู่เป็นเลขฐาน 16 #0060fd คือ 00, 60 และ fd ซึ่งเท่ากับ 0, 96 และ 253 สีนี้จึงเป็น rgb(0, 96, 253) วางรหัส HEX ลงในช่อง แล้วช่อง RGB จะแสดงผลลัพธ์
สองหลักสุดท้ายของรหัส HEX 8 หลักหมายถึงอะไร
คือช่องอัลฟา หรือความทึบ ตั้งแต่ 00 (โปร่งใสทั้งหมด) ถึง ff (ทึบทั้งหมด) #0060fd80 คือสีน้ำเงินเดียวกันที่ 128 จาก 255 หรือความทึบราว 50.2% จึงแสดงเป็น rgba(0, 96, 253, 0.502) รหัส 4 หลักอย่าง #06f8 ทำงานแบบเดียวกัน โดยแต่ละหลักถูกทำซ้ำสองครั้ง
HSL กับ HSV ต่างกันอย่างไร
ทั้งสองใช้เฉดสีและความอิ่มตัว แต่ค่าที่สามต่างกัน ใน HSL ความสว่าง 50% คือสีบริสุทธิ์ 0% คือสีดำ และ 100% คือสีขาว ใน HSV ค่า 100% คือเวอร์ชันที่สว่างที่สุดของสีนั้น และสีขาวต้องใช้ความอิ่มตัว 0% สีน้ำเงินเดียวกันคือ hsl(217, 100%, 50%) และ hsv(217, 100%, 99%)
ใช้ผลลัพธ์ CMYK สำหรับงานพิมพ์ได้ไหม
ใช้เป็นจุดเริ่มต้นเท่านั้น หน้านี้ใช้สูตรง่าย ๆ ระหว่าง RGB กับ CMYK ซึ่งไม่รู้เรื่องหมึก กระดาษ หรือโปรไฟล์ของเครื่องพิมพ์ โรงพิมพ์หรือโปรแกรมออกแบบที่มีโปรไฟล์สีจะแปลงสี RGB เดียวกันเป็นตัวเลข CMYK ที่ต่างออกไป
พิมพ์รูปแบบสีอะไรได้บ้าง
HEX จะมี # หรือไม่มีก็ได้ ในแบบ 3, 4, 6 หรือ 8 หลัก; rgb() และ rgba() ที่คั่นด้วยจุลภาคหรือเว้นวรรค เป็นตัวเลขหรือเปอร์เซ็นต์ และมีอัลฟาหลังเครื่องหมายทับได้; hsl(), hsla() และ hwb() ที่ใช้มุมเป็น deg, rad, grad หรือ turn; ชื่อสี CSS 148 ชื่อ เช่น rebeccapurple; และ transparent
ทำไมชื่อสีที่ใกล้เคียงที่สุดจึงไม่ตรงกันพอดี
CSS มีชื่อสีเพียง 148 ชื่อ สีส่วนใหญ่จึงไม่มีชื่อเป็นของตัวเอง หน้านี้เลือกชื่อที่มีสีดูใกล้เคียงที่สุด วัดเป็นความต่างสี CIE76 ในปริภูมิ L*a*b* สำหรับ #0060fd คือ mediumslateblue เมื่อสีตรงกับสีที่มีชื่อพอดี เช่น #ff0000 หน้านี้จะแจ้งว่าตรงกันพอดี