เครื่องมือนักพัฒนา
(60)ตัวช่วยสำหรับนักพัฒนาในชีวิตประจำวัน: ตัวจัดรูปแบบ ตัวแปลง ตัวสร้าง และตัวตรวจสอบ
ตัวผสมสี
ผสมสี HEX สองสีเป็นสวอตช์ที่เว้นระยะเท่ากัน 2-20 ขั้น ดูสีระหว่างทางแต่ละสีเป็นโค้ด HEX ตัวพิมพ์ใหญ่ พร้อมรวมสีต้นทางและปลายทาง
ตัวแปลงรหัสสี
แปลงระหว่างรหัสสีเว็บที่ใช้บ่อยที่สุด: HEX (#RGB, #RRGGBB), rgb(r,g,b) และ hsl(h,s%,l%) พร้อมตัวอย่างสีแบบสดและคัดลอกได้ในคลิกเดียว
ตัวตรวจสอบความคมชัดของสี
ตรวจสอบอัตราส่วนคอนทราสต์ WCAG ระหว่างสีพื้นหน้าและสีพื้นหลัง ผ่าน/ไม่ผ่านสำหรับ AA, AAA, ข้อความขนาดใหญ่ และคอนทราสต์ที่ไม่ใช่ข้อความ
เครื่องสร้างเฉดสีเข้ม
สร้างเฉดสีที่เข้มขึ้นจากสีพื้นฐาน HEX ใน 3-20 ขั้นที่สม่ำเสมอ เหมาะสำหรับชุดสีของระบบออกแบบและสถานะโฮเวอร์/กด
เครื่องกำเนิดโทนสี
สร้างโทนสีที่สว่างกว่าของสีพื้นฐาน มาตราส่วน 3-20 ขั้นตอนสำหรับโทเค็นระบบการออกแบบ พื้นหลัง และสถานะโฮเวอร์
เครื่องสร้าง changelog
สร้างส่วน Markdown สไตล์ Keep a Changelog จากรายการที่จัดหมวดหมู่แล้ว วางรายการใน Added, Changed, Fixed และ Removed เลือก Markdown หรือข้อความธรรมดา แล้วคัดลอกผลลัพธ์
เครื่องคิดเลข Chmod
แปลงระหว่างรหัสฐานแปด chmod (755, 644) และสตริงการอนุญาต rwx สลับผู้ใช้ กลุ่ม และบิตอื่นๆ และดูผลลัพธ์ของคำสั่ง chmod
เครื่องมือแปลง CMYK เป็น RGB
แปลงเปอร์เซ็นต์ CMYK เป็นค่า RGB และ Hex โดยประมาณสำหรับดูตัวอย่างบนหน้าจออย่างรวดเร็วด้วยสูตรมาตรฐาน
โค้ดเป็นรูปภาพ
วางโค้ด ปรับธีม สี ขนาดตัวอักษร ระยะขอบ หัวหน้าต่าง และเลขบรรทัด ดูตัวอย่างบน canvas แล้วดาวน์โหลด PNG เป็นการวาดข้อความธรรมดา ไม่มีการไฮไลต์ไวยากรณ์
ตัวถอดรหัสใบรับรอง
วางใบรับรอง X.509 PEM และดูช่องที่ถอดรหัส: หัวเรื่อง ผู้ออก หมายเลขซีเรียล อัลกอริธึมลายเซ็น ความถูกต้อง และชื่อสำรองของหัวเรื่อง
เครื่องมือแปลง PX เป็น PT
แปลงค่าพิกเซล CSS ที่ไม่ติดลบเป็นพอยต์ด้วยความสัมพันธ์ 1 px = 0.75 pt โดยแสดงผลลัพธ์ได้สูงสุดสี่ตำแหน่งทศนิยม
ชีตสรุป Regex
ข้อมูลอ้างอิงนิพจน์ทั่วไปที่ค้นหาได้สำหรับ JavaScript, PCRE2/PHP, Python re และ .NET เปรียบเทียบโทเค็น ไวยากรณ์เฉพาะเอนจิน แองเคอร์ กลุ่ม lookaround และแฟล็ก
เครื่องสร้างพื้นหลังลวดลาย
สร้างลายจุด เส้นตาราง ริ้วถี่ ตาหมากรุก ลายขีดไขว้ หรือเส้นทแยงเว้นห่าง พร้อมกำหนดสีและระยะซ้ำ แล้วคัดลอก CSS ไปใช้
ชีตสรุปคำสั่ง Markdown
เอกสารอ้างอิง Markdown ที่ใช้ได้จริง พร้อมตัวอย่างที่เรนเดอร์จริงและคัดลอกได้ สำหรับหัวข้อ รายการ ตาราง โค้ด ลิงก์ รูปภาพ และไวยากรณ์ GFM
เครื่องมือดูตัวอย่างแผนภาพ Mermaid
เขียนไวยากรณ์ Mermaid สำหรับผังงาน แผนภาพลำดับ แผนภาพคลาส และแผนภูมิแกนต์ ดูตัวอย่างเป็น SVG ได้ทันที แล้วคัดลอกหรือดาวน์โหลด
เครื่องมือสร้างเกรเดียนต์แบบตาข่าย
ออกแบบเกรเดียนต์ด้วยจุดสีที่ย้ายได้ 4, 6 หรือ 9 จุด ดาวน์โหลด SVG หรือ PNG หรือคัดลอก CSS แบบเกรเดียนต์รัศมี
ตารางอ้างอิงแป้นพิมพ์ลัด
ค้นหาแป้นพิมพ์ลัดเริ่มต้นตามเอกสารของ VS Code, Chrome และ Bash ที่ใช้ GNU Readline บน macOS, Windows และ Linux
เครื่องมือทดสอบ XPath
ทดสอบนิพจน์ XPath 1.0 กับ XML หรือ HTML ของคุณในเบราว์เซอร์ และตรวจดูทุกโหนดที่ตรงกันพร้อมแอตทริบิวต์ ข้อความ และมาร์กอัป
ตัวจัดรูปแบบ YAML
จัดรูปแบบ YAML ในเบราว์เซอร์ด้วยการเยื้องที่สม่ำเสมอ การเรียงคีย์แบบเลือกได้ และเครื่องหมายคำพูดที่ปลอดภัย เพื่อให้ไฟล์คอนฟิกอ่านง่ายและ diff สะอาด
เครื่องมือสร้างตาราง HTML
สร้างตาราง HTML ที่มีรูปลักษณ์สะอาดและตอบสนองได้ดี จากแถวและคอลัมน์ โดยรองรับตัวเลือกการเพิ่มหัวข้อ ขอบ และลวดลายแถบสี (zebra-striping)
เครื่องมือแปลง HTML เป็นรูปภาพ
เรนเดอร์ HTML และ CSS เป็น PNG หรือ JPG ขนาดคงที่ในเบราว์เซอร์ กำหนดพื้นที่ภาพและอัตราขยาย ดูตัวอย่าง แล้วดาวน์โหลด
ตัวตรวจสอบรหัสสถานะ HTTP
ตรวจสอบสถานะ HTTP สุดท้าย URL ปลายทาง เวลาถึงส่วนหัว และส่วนหัวที่ CORS เปิดเผยจากในเบราว์เซอร์
เครื่องสร้างเกรเดียนต์ CSS
สร้างเกรเดียนต์ CSS แบบเชิงเส้นและแบบรัศมี พร้อมจุดสีและการควบคุมมุมหรือรูปทรง คัดลอกคำสั่งพื้นหลัง CSS ที่สร้างไปใช้ในสไตล์ชีตได้.
อ้างอิงตัวอักษร HTML
รายการที่สามารถค้นหาได้ขององค์ประกอบ HTML พร้อมรหัสชื่อและรหัสตัวเลข รวมถึงฟังก์ชันสำเนาด้วยคลิกเดียวสำหรับตัวอักษรพิเศษและสัญลักษณ์ต่างๆ
ตัวจัดรูปแบบ HTML
จัดรูปแบบ HTML ภายในเบราว์เซอร์ด้วยการเยื้องสองหรือสี่ช่องว่าง โดยไม่อัปโหลดหรือตรวจสอบ HTML ของคุณ.
เครื่องมือสร้างแผนภาพ ERD
สร้าง ERD แบบมีโครงสร้างในเบราว์เซอร์ กำหนดเอนทิตี ฟิลด์ บทบาท PK และ FK ความสัมพันธ์ และคาร์ดินัลลิตี จากนั้นส่งออก Mermaid, SVG หรือ PNG ในเครื่อง.
เครื่องมือค้นหาสีคู่ตรงข้าม
ค้นหาสีคู่ตรงข้ามสำหรับสีที่ป้อนใด ๆ คืนค่าสีตรงข้ามในระบบ HSL คู่สี split-complement และข้อเสนอแนะสำหรับการจับคู่ที่เข้าถึงได้
ตัวสร้าง CSS Accordion
สร้างแอคคอร์เดียน 3 ส่วนด้วย details และ summary ปรับข้อความ สี ระยะห่าง ไอคอน และวิธีเปิด แล้วคัดลอกหรือดาวน์โหลดโค้ด
เครื่องมือสร้างปุ่ม CSS
ออกแบบปุ่ม CSS แบบสีพื้นหรือไล่สี ดูตัวอย่าง 6 สถานะ ตรวจสอบคอนทราสต์ สร้าง HTML และ CSS ที่ปลอดภัย แล้วดาวน์โหลดไฟล์แบบพร้อมเปิดได้ทันที
เครื่องมือสร้างคำสั่ง cURL
สร้างคำสั่ง cURL แบบเป็นส่วนตัวในเบราว์เซอร์สำหรับ POSIX shell หรือ PowerShell จาก HTTP URL, header, การยืนยันตัวตน, JSON, ข้อมูลดิบ หรือฟิลด์ฟอร์ม
เครื่องมือสำรวจวงล้อสี
สำรวจวงล้อสีแบบโต้ตอบ หมุนชุดสีที่กลมกลืน เปรียบเทียบ HSL กับ RYB และค้นหาคู่สีตรงข้ามและชุดสามสีแบบเรียลไทม์
เครื่องย่อ XML
ย่อความเห็น XML และช่องว่างที่มีบรรทัดใหม่ระหว่างโทเค็นมาร์กอัปในเบราว์เซอร์ สำหรับ XML ที่มีโครงสร้างถูกต้อง.
เครื่องมือแปลง XML เป็น YAML
แปลงเอกสาร XML ที่มีรูปแบบถูกต้องหนึ่งฉบับเป็นการแมป YAML แบบตายตัวในเบราว์เซอร์ โดยยังเห็นชื่อองค์ประกอบ แอตทริบิวต์ ข้อความ และองค์ประกอบระดับเดียวกันที่ซ้ำกัน
เครื่องมือตรวจไวยากรณ์ XML
ตรวจในเบราว์เซอร์ว่าไวยากรณ์ XML มีรูปแบบถูกต้องหรือไม่ และดูข้อความข้อผิดพลาดจากตัวแยกโดยไม่อัปโหลดหรือส่งเนื้อหา
เครื่องมือแปลง YAML เป็น TOML
แปลงการแมป YAML หนึ่งเอกสารเป็น TOML ในเบราว์เซอร์ พร้อมตรวจทานตารางซ้อน อาร์เรย์ และข้อจำกัดก่อนนำผลลัพธ์ไปใช้
เครื่องมือตรวจไวยากรณ์ YAML
ตรวจสตรีม YAML แบบเอกสารเดียวหรือหลายเอกสารในเครื่องด้วย js-yaml CORE_SCHEMA และดูข้อผิดพลาดโดยไม่อัปโหลดเนื้อหา
ตัวดูไฟล์ไบนารีแบบ Hex
เลือกไฟล์แล้วตรวจช่วงข้อมูลที่จำกัดจาก offset ของไบต์ที่ถูกต้องเป็น hex dump ในเครื่อง พร้อมคอลัมน์ offset, hex และ ASCII
ค้นหาชื่อสี
ค้นหาสีที่มีชื่อมาตรฐานใน CSS ซึ่งใกล้กับค่า HEX, RGB หรือ HSL ที่สุดด้วย CIEDE2000
เครื่องสร้างสีข้างเคียง
สร้างชุดสีข้างเคียงห้าสีจากสีฐานใดก็ได้ โดยมีสามสีแกนกลางแบบคลาสสิก สีรอบนอกอีกสองสี และค่า HEX, RGB, HSL
ตารางอ้างอิง ASCII
ตาราง ASCII ครบตั้งแต่ 0 ถึง 127 พร้อมค่าเลขฐานสิบ ฐานสิบหก ฐานแปด ฐานสอง และรูปแบบการอ้างอิงอักขระแบบตัวเลขของ HTML รวม NUL, LF และ DEL
เครื่องจำลองตัวนับโปรแกรม
ติดตามรายการคำสั่งความยาวคงที่แบบย่อผ่านป้ายกำกับ การแยกสาขา การกระโดด การเรียก การคืนกลับ และที่อยู่ 16, 24 หรือ 32 บิต
เครื่องมือสร้างภาพพื้นหลังไล่ระดับสี
สร้างภาพพื้นหลังไล่ระดับสามสีแบบเบลอสำหรับแล็ปท็อป โทรศัพท์ หรือใช้เป็นพื้นหลัง Zoom กำหนดมุมและระดับความเบลอแบบสุ่มหรือด้วยตนเองก็ได้
เครื่องมือตรวจสอบหมายเลขโทรศัพท์
ตรวจสอบโครงสร้างหมายเลขตามประเทศ พร้อมดูภูมิภาค ประเภท และรูปแบบ E.164 ระหว่างประเทศ ในประเทศ และ RFC 3966
เครื่องมือดูไฟล์ HAR
เปิดบันทึกเครือข่าย HAR ในเครื่อง กรองคำขอ ตรวจสอบเฮดเดอร์ที่ปกปิดและช่วงเวลา แล้วส่งออกสรุปที่ล้างข้อมูลแล้วโดยไม่ต้องอัปโหลดไฟล์
ตัวนับ FPS
วัด FPS ของเบราว์เซอร์ด้วย requestAnimationFrame พร้อมการปรับให้เรียบ เฟรมเรตต่ำสุดและสูงสุด เกณฑ์เตือน และกราฟเสริม ทำงานในเครื่อง ไม่มีการอัปโหลดและไม่ใช้ API
ตัวลดรูปพีชคณิตบูลีน
ประเมินนิพจน์บูลีนสำหรับทุกชุดอินพุตและดูตารางค่าความจริงที่สมบูรณ์ รองรับตัวแปรสูงสุดห้าตัวและตัวดำเนินการ &, |, !, ^
ตัวแปลงไบนารีเป็น ASCII
วางข้อมูลไบนารี (ไบต์ที่คั่นด้วยช่องว่าง หรือบิตสตรีมยาวๆ) แล้วรับข้อความ ASCII ที่แทนค่านั้น ถอดรหัสครั้งละ 8 บิต
เลขฐานสองเป็นฐานสิบ
แปลงเลขฐานสองเป็นฐานสิบ หรือเลขฐานสิบเป็นฐานสองได้ทันที วางตัวเลขหนึ่งตัวแล้วอ่านผลลัพธ์
ตัวแปลง Binary เป็น Hex
แปลงอินพุต binary เป็นค่า hexadecimal ตัวพิมพ์ใหญ่แบบธรรมดา อักขระที่ไม่ใช่ 0 หรือ 1 จะถูกละเว้น และเลขศูนย์นำหน้าจะไม่ถูกเก็บไว้
ตัวแปลงเลขฐานสองเป็นฐานแปด
แปลงเลขฐานสองเป็นฐานแปดด้วยการจัดกลุ่มบิตครั้งละสามตัว มีประโยชน์กับสิทธิ์ไฟล์ Unix ระบบรุ่นเก่า และการแสดงเลขแบบกระชับ
ตัวแปลง BBCode เป็น HTML
แปลง BBCode (มาร์กอัปของเว็บบอร์ด) เป็น HTML ที่สะอาด รองรับแท็กจัดรูปแบบ รายการ quote, code, รูปภาพ และลิงก์
ตัวแปลง Base64 เป็น Hex
แปลงสตริง Base64 มาตรฐานให้เป็นไบต์เบื้องหลังที่เขียนเป็นเลขฐานสิบหกตัวพิมพ์ใหญ่ต่อเนื่อง พร้อมการถอดรหัสแบบเข้มงวด เหมาะกับโทเคน คีย์ และลายเซ็น JWT
ตัวแปลง ASCII เป็นเลขฐานสอง
แปลงสตริง ASCII ใดก็ได้เป็นเลขฐานสอง อักขระทุกตัวกลายเป็นแปดบิต คั่นด้วยช่องว่าง พร้อมวางในการติดตามโปรโตคอลหรือการบ้าน
ตัวแปลง ASCII เป็น HEX
แปลงข้อความ ASCII เป็นค่าไบต์เลขฐานสิบหก ผลลัพธ์ใช้อักขระละสองหลักฐานสิบหก พร้อมใช้กับ memory dump, packet trace หรือตารางเฟิร์มแวร์
เครื่องสร้างตัวอักษรสุ่ม
สร้างตัวอักษร A-Z แบบสุ่ม เลือกจำนวน ตัวพิมพ์ใหญ่ ตัวพิมพ์เล็ก หรือแบบผสม แล้วใช้กับเกม โจทย์ หรือกิจกรรมในห้องเรียน
เครื่องมือสร้างสีแบบสุ่ม
สร้างสี HEX แบบสุ่ม 1 ถึง 50 สี พร้อมตัวอย่างสีสำหรับดูตัวอย่าง คัดลอก และนำไปใช้ใน CSS งานทดสอบ หรือการสำรวจพาเลตสี.
ตัวจัดรูปแบบ JSON
วาง JSON เพื่อจัดให้อ่านง่ายด้วยการเยื้อง 2 หรือ 4 ช่องว่าง ย่อให้เป็นผลลัพธ์แบบกะทัดรัด หรือตรวจสอบไวยากรณ์อย่างรวดเร็วก่อนคัดลอกผลลัพธ์
เครื่องกำเนิดจานสี
สร้างพาเลตสีแบบเอกรงค์ ใกล้เคียง คู่ตรงข้าม ไตรแอดิก หรือเตตราดิกจากสี HEX หลัก พร้อมส่งออกตัวแปร CSS ที่คัดลอกได้ทันที
เครื่องมือเลือกสี HEX
เลือกหรือป้อนสี HEX แล้วดูค่า RGB, HSL, CMYK โดยประมาณ ค่าความสว่างสัมพัทธ์ และคอนทราสต์กับสีขาวและสีดำ
เครื่องมือสร้างพาเลตสีแบบสุ่ม
สร้างพาเลตสีแบบสุ่ม 2 ถึง 15 สี เลือกสไตล์สดใส พาสเทล นุ่มลง หรือเข้ม แล้วคัดลอกรหัส HEX หรือตัวแปร CSS ได้ทันที