Color Converter

เว็บไซต์ Color Converter

? เว็บไซต์ Color Converter? เป็นเว็บแอปพลิเคชันที่มีน้ำหนักเบาที่ทำให้การแปลงรหัสสีง่ายขึ้นระหว่างรูปแบบ HEX และ RGB ช่วยให้ผู้ใช้สามารถป้อนรหัสสีได้อย่างรวดเร็วในรูปแบบใดรูปแบบดูสีที่เกี่ยวข้องแบบเรียลไทม์และคัดลอกค่าที่แปลงด้วยคลิกเดียว แอพนี้ใช้งานง่ายด้วยอินเทอร์เฟซที่สะอาดออกแบบมาเพื่อให้การแปลงสีใช้งานง่ายและมีประสิทธิภาพ

เทคโนโลยีภาพรวมคุณลักษณะการสาธิตการเริ่มต้นใช้งานใบอนุญาตที่มีส่วนร่วมในการติดต่อ

เยี่ยมชมโครงการนี้

ภาพรวม

ตัวแปลงสี โครงการแปลงสีเป็นวิธีที่ง่ายในการสลับระหว่างสองรูปแบบสีที่ใช้กันมากที่สุดที่ใช้ในการพัฒนาเว็บ: hex และ RGB ด้วยเครื่องมือนี้ผู้ใช้สามารถ:

• แปลงค่าสีจากฐานสิบหกเป็น RGB และในทางกลับกัน
• ดูตัวอย่างสีในกล่องแสดงผลสดเมื่อการแปลงเกิดขึ้น
• คัดลอกค่า hex หรือ rgb ผลลัพธ์ไปยังคลิปบอร์ดด้วยการคลิกเพียงครั้งเดียว
• สลับสีพื้นหลังของหน้าเพื่อดูว่าสีที่เลือกจะปรากฏในบริบทอย่างไร
• รับข้อเสนอแนะเกี่ยวกับอินพุตสีที่ไม่ถูกต้องและแนะนำผู้ใช้ไปยังรูปแบบสีที่ถูกต้อง

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

เทคโนโลยี

• HTML5
• CSS3
• การใช้วัสค์

คุณสมบัติ

• ? hex เป็น hex เป็น RGB และ RGB เป็น HEX Conversion แปลงระหว่างรูปแบบสีที่พบบ่อยที่สุดสองรูปแบบในการพัฒนาเว็บ
• - ตัวอย่างสีเรียลไทม์ ดูการเปลี่ยนสีทันทีเมื่อคุณป้อนค่า hex หรือ rgb
• - คัดลอกไปยังคลิปบอร์ด คัดลอกค่า HEX หรือ RGB ที่แปลงได้อย่างง่ายดายด้วยการคลิกเพียงครั้งเดียวโดยใช้ปุ่มคัดลอกในตัว
• - สีพื้นหลังสลับ สลับสีพื้นหลังเพื่อทดสอบว่าสีที่คุณเลือกดูในสภาพแวดล้อมที่แตกต่างกันอย่างไร
• การตรวจสอบอินพุต รับข้อเสนอแนะทันทีเกี่ยวกับอินพุตสีที่ไม่ถูกต้องและตรวจสอบให้แน่ใจว่ามีการใช้รูปแบบสีที่ถูกต้อง
• การแสดงค่าสี : แสดงค่าสีในรูปแบบต่าง ๆ (เช่น hex, rgb)
• - UI/UX ที่ทันสมัย : อินเทอร์เฟซผู้ใช้ที่สะอาดและมีสไตล์ที่ช่วยเพิ่มประสบการณ์ผู้ใช้
• ความเข้ากันได้ข้ามเบราว์เซอร์ : ทำงานได้อย่างไร้ที่ติในเบราว์เซอร์หลักทั้งหมด
• ปรับแต่งได้ง่าย : สร้างด้วยโครงสร้างแบบแยกส่วนทำให้ง่ายต่อการปรับเปลี่ยนและขยาย
• - รหัสที่สะอาดและมีความสามารถดี : codebase มีการจัดระเบียบและเข้าใจง่ายทำให้เหมาะสำหรับนักพัฒนาทุกระดับ

? ️ภาพหน้าจอ

นี่คือภาพหน้าจอบางส่วนของเว็บไซต์ แปลงสี :

เริ่มต้น

ข้อกำหนดเบื้องต้น

ในการเรียกใช้โครงการนี้คุณจะต้อง:

• เว็บเบราว์เซอร์ (Chrome, Firefox, Safari ฯลฯ )
• Git สำหรับการควบคุมเวอร์ชัน (ไม่บังคับ)

การติดตั้ง

1. โคลนที่เก็บ :

     git clone https://github.com/Murtaza-Ax/Color-Converter.git

2. เปิดโครงการ ในโปรแกรมแก้ไขรหัสที่คุณชื่นชอบ:

     cd Color-Converter

3. เรียกใช้โครงการ :

   เพียงเปิดไฟล์ index.html ในเบราว์เซอร์ของคุณเพื่อดูหน้า

- ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT

- ผลงาน

เรายินดีต้อนรับการมีส่วนร่วมใน ตัวเลือกสี ! ไม่ว่าคุณจะแก้ไขข้อบกพร่องการปรับปรุงเอกสารหรือเพิ่มคุณสมบัติใหม่ความช่วยเหลือของคุณจะได้รับการชื่นชมอย่างมาก นี่คือวิธีเริ่มต้น:

1. ส้อมที่เก็บ : คลิกปุ่ม "ส้อม" ที่ด้านบนขวาของหน้านี้เพื่อสร้างสำเนาของที่เก็บภายใต้บัญชี GitHub ของคุณ

2. โคลนพื้นที่เก็บข้อมูลที่ถูกแยกออก : โคลนส้อมของคุณกับเครื่องในพื้นที่ของคุณเพื่อเริ่มการเปลี่ยนแปลง

     git clone https://github.com/username/Color-Converter.git

   แทนที่ username ด้วยชื่อ GitHub ที่แท้จริงของคุณ

3. สร้างสาขาใหม่ : สร้างสาขาใหม่ที่มีชื่อเชิงพรรณนาสำหรับคุณสมบัติหรือข้อบกพร่องของคุณ

       git checkout -b feature/your-feature-name  

4. ทำการเปลี่ยนแปลง : ใช้คุณสมบัติของคุณหรือแก้ไขปัญหา ทดสอบการเปลี่ยนแปลงของคุณอย่างละเอียด

5. กระทำการเปลี่ยนแปลงของคุณ : เขียนข้อความ commit ที่ชัดเจนและรัดกุมอธิบายการเปลี่ยนแปลงของคุณ

     git commit -m " your feature name "

6. กดไปที่สาขา : ผลักดันการเปลี่ยนแปลงของคุณไปยังที่เก็บข้อมูลของคุณ

     git push origin feature/your-feature-name

7. สร้างคำขอดึง : ไปที่ที่เก็บต้นฉบับบน GitHub และสร้างคำขอดึง โปรดให้คำอธิบายโดยละเอียดเกี่ยวกับการเปลี่ยนแปลงของคุณและทำไมพวกเขาควรรวมกัน

ขอบคุณที่พิจารณาการมีส่วนร่วม!

เอกสารที่อาจช่วยได้

วิธีสร้างคำขอดึง

- ทำรูปแบบ

- ติดต่อ

หากคุณมีคำถามหรือข้อเสนอแนะอย่าลังเลที่จะติดต่อ:

• GitHub : Murtaza-Ax
• อีเมล : Murtaza Ali

ถ้าคุณชอบโครงการนี้ลองให้ดาวบน GitHub! การสนับสนุนของคุณได้รับการชื่นชมมาก

ทำด้วย❤โดย Murtaza Ali