เครื่องมือนักพัฒนา

(221)

ตัวช่วยสำหรับนักพัฒนาในชีวิตประจำวัน: ตัวจัดรูปแบบ ตัวแปลง ตัวสร้าง และตัวตรวจสอบ

เครื่องแปลง Unicode เป็น UTF-8

แปลงข้อความ Unicode เป็นลำดับ escape \u ของ JavaScript และ JSON หรือถอดรหัสลำดับ escape กลับเป็นอักขระที่อ่านได้ รองรับ BMP และอีโมจิ

เครื่องแปลงเวลาแบบยูนิกซ์ (Unix Timestamp Converter)

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

ตัวเข้ารหัสองค์ประกอบ URI

เข้ารหัสเปอร์เซ็นต์ค่า query ส่วนของเส้นทาง หรือส่วนย่อยใด ๆ เพื่อใช้อย่างปลอดภัยใน URL (RFC 3986) แล้วถอดรหัสกลับ escape อักขระสงวนทุกตัว รวมถึงช่องว่างเป็น %20

ตัวแยกวิเคราะห์ URL

แยก URL ออกเป็น scheme, host, port, path, พารามิเตอร์ query และ fragment ดูแต่ละส่วนที่ติดป้ายไว้เพื่อการตรวจสอบและแก้จุดบกพร่องอย่างรวดเร็ว

ตัวตรวจสอบ URL

ตรวจสอบว่า URL มีไวยากรณ์ถูกต้องหรือไม่ และแยกออกเป็น scheme, host, port, path, query และ fragment พร้อมตัวบ่งชี้ว่าเป็น URL สัมบูรณ์และใช้ HTTPS หรือไม่

เครื่องมือสร้างไฟล์ tsconfig.json

สร้าง tsconfig.json ที่สะอาดด้วยการเลือก target, module, moduleResolution, JSX และแฟล็ก strict ยอดนิยม แล้วคัดลอกคอนฟิกที่ได้ไปใช้ในโปรเจกต์

TOML เป็น JSON

แปลงไฟล์การตั้งค่า TOML เป็น JSON สำหรับเครื่องมือที่เข้าใจเฉพาะอินพุต JSON

ตัวแปลง TOML เป็น YAML

แปลง config แบบ TOML เป็น YAML ที่เรียบร้อยภายในเบราว์เซอร์ทั้งหมด พร้อมการแยกวิเคราะห์ TOML 1.0 เต็มรูปแบบและค่าที่คงชนิดข้อมูล

ตัวแปลง Timestamp

แปลง timestamp ของ Unix ในหน่วยวินาทีหรือมิลลิวินาทีเป็นวันที่ที่อ่านง่ายในเขตเวลา UTC และเขตเวลาหลัก และแปลงวันที่กลับเป็นค่า epoch

เครื่องมือแปลงการเข้ารหัสไฟล์ข้อความ

แปลงข้อความระหว่าง UTF-8, UTF-16, Latin-1, Windows-1252 และการเข้ารหัสอื่น ๆ เพื่อแก้อักขระที่เพี้ยน

ตัวแปลง SVG เป็น CSS

แปลงมาร์กอัป SVG ดิบให้เป็นกฎ `background-image: url("data:image/svg+xml,...")` ที่เข้ารหัสอย่างถูกต้อง พร้อมวางลงในสไตล์ชีตได้ทันที

เครื่องสร้างคลื่น SVG

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

ตัวสร้างโกลบของ SVG

สร้างรูปทรง SVG แบบบล็อบที่มีลักษณะเป็นธรรมชาติและสุ่ม โดยสามารถปรับระดับความซับซ้อน ค่าคอนทราสต์ และค่าเซดได้ ให้คัดลอกเส้นทาง SVG เพื่อใช้เป็นพื้นหลัง ส่วนฮีโร่ และมาสก์ของแอวตาร์

การแปลง SQL เป็น NoSQL

แปลงคำสั่ง SQL SELECT หนึ่งคำสั่งให้เป็นคำสั่ง find() ของ MongoDB จับคู่คอลัมน์, WHERE (=, >, <, >=, <=, !=), AND/OR, ORDER BY และ LIMIT ไม่รองรับ JOIN, GROUP BY หรือการรวมข้อมูล

เครื่องมือสร้างสลัก (Slug)

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

รูปแบบ SQL

กำหนดรูปแบบคำสั่ง SQL โดยใช้การวางบรรทัดอย่างเหมาะสม ตัวอักษรสำคัญในรูปแบบต่างๆ และการแยกบรรทัดอย่างถูกต้อง รองรับภาษา SQL ของ MySQL, PostgreSQL, SQL Server, SQLite และ BigQuery

เครื่องคำนวณ SemVer

กำหนดหมายเลขเวอร์ชันเชิงความหมายให้สอดคล้องกับกฎของ semver.org จัดการรหัสระบุประเภทต่างๆ เช่น เวอร์ชันหลัก (major), เวอร์ชันย่อย (minor), การแก้ไขเล็กน้อย (patch), เวอร์ชันก่อนเปิดตัว (pre-release) และข้อมูลเมตาของบิลด์ได้อย่างเป็นระบบและแม่นยำ

ตัวแปลง RTF เป็น HTML

แปลง RTF เป็น HTML ที่เรียบร้อย ตัวแปลงแบบเบานี้คงตัวหนา ตัวเอียง ขีดเส้นใต้ ย่อหน้า และการขึ้นบรรทัดใหม่ไว้ แล้วตัดส่วนที่เหลือออก เพื่อให้คุณวางข้อความที่สะอาดลงใน CMS ใดก็ได้

เครื่องมืออนุมาน Schema

เปลี่ยนออบเจ็กต์ JSON ตัวอย่างให้เป็น SQL CREATE TABLE, สคีมา Mongoose หรือโมเดล Sequelize ที่พร้อมวาง เครื่องมืออ่านหนึ่งเรกคอร์ดและเลือกชนิดคอลัมน์ให้แต่ละฟิลด์

โปรแกรมแปลงรูปแบบสี RGB เป็น CMYK

แปลงสี RGB เป็นเปอร์เซ็นต์หมึก CMYK ด้วยสูตรมาตรฐาน แสดงตัวอย่างสีทันทีพร้อมค่า C/M/Y/K เป็นการประมาณเชิงคณิตศาสตร์ ไม่ใช่การแปลงแบบจัดการสี

ตัวแปลง RGB เป็น HEX

แปลงค่า rgb() เป็นรูปแบบเลขฐานสิบหก #rrggbb ที่ใช้ใน CSS และเครื่องมือออกแบบ รองรับรูปแบบสั้น 3 หลัก รวมถึงค่า rgba ที่มีพารามิเตอร์ alpha

ตัวแปลง RGB เป็น HSL

แปลงค่า RGB เป็น HSL (โทนสี ความอิ่มตัว และระดับความสว่าง) เพื่อให้สามารถปรับแต่งสีได้ง่ายขึ้นใน CSS โดยสามารถปรับระดับความสว่างหรือความอิ่มตัวได้โดยไม่ทำให้โทนสีเปลี่ยนแปลง

เครื่องแปลงรูปแบบ RGB เป็น HSV

แปลงค่า RGB เป็น HSV (โทนสี ความอิ่มตัว และค่าความเข้ม) ใช้โดยเครื่องมือเลือกสีในงานออกแบบ ไลบรารีสำหรับประมวลผลภาพ และกระบวนการการทำงานทุกประเภทที่พิจารณาหลักการของ “โทนสีบริสุทธิ์บวกกับสีขาว/ดำ”

เครื่องมือสร้างไฟล์ robots.txt

สร้างไฟล์ robots.txt ที่ถูกต้อง: กำหนด user-agent, ระบุเส้นทาง Disallow และ Allow, เพิ่ม Crawl-delay และประกาศแผนผังเว็บไซต์ของคุณ แล้วคัดลอกผลลัพธ์

ตัวสร้าง Regex จากตัวอย่าง

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

ตัวทดสอบ Regex

ทดสอบนิพจน์ทั่วไป PCRE กับข้อความของคุณ แสดงรายการทุกการจับคู่พร้อมตำแหน่ง และตรวจสอบแต่ละกลุ่มจับคู่ เปิดแฟล็กไม่สนใจตัวพิมพ์ใหญ่-เล็ก หลายบรรทัด และ dotall

ตัวแปลง REM เป็น PX

พิมพ์ค่า rem และ root font size ของคุณเพื่อดูค่าพิกเซลที่เทียบเท่าอย่างแม่นยำ ค่าเริ่มต้นใช้ root 16 px ตาม W3C พร้อมตารางอ้างอิงด่วนสำหรับการรีวิวงานออกแบบ

ตัวดูผลเรนเดอร์ HTML

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

เครื่องสร้างแบดจ์ README

สร้างแบดจ์ shields.io สำหรับไฟล์ README บน GitHub เช่น สถานะการบิลด์ เวอร์ชัน ใบอนุญาต ยอดดาวน์โหลด และความครอบคลุมของโค้ด ดูตัวอย่างและคัดลอกส่วนโค้ด Markdown

เครื่องสร้างไฟล์ README

สร้างไฟล์ README.md ที่มีโครงสร้างจากไม่กี่ช่อง: ชื่อโปรเจกต์ สโลแกน ฟีเจอร์ คำสั่งติดตั้ง โค้ดเริ่มต้นอย่างรวดเร็ว ผู้เขียน และใบอนุญาต คัดลอกไปวางในรีโปของคุณได้เลย

เครื่องสุ่มวันที่

สุ่มวัน 1–30 วันด้วยโอกาสเท่ากันระหว่างขอบสองด้าน พร้อมชื่อวันตามภาษา

เครื่องมือสร้างหมายเลขโทรศัพท์สมมติ

สร้างหมายเลขสมมติสูงสุด 50 หมายเลขจากช่วงที่หน่วยงานสงวนไว้ในห้าประเทศ

แปลง PX เป็น REM

แปลงพิกเซลที่ไม่ติดลบเป็น rem ด้วยขนาดฟอนต์รากที่เป็นบวก ค่าเริ่มต้น 16 px และแสดงทศนิยมสูงสุดหกตำแหน่ง

เครื่องจัดช่องว่าง Python

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

เครื่องมือสร้างสตริงสำหรับคำสั่งค้นหา (Query String Builder)

สร้างสตริงคำขอตาม RFC 3986 จากแถวคีย์-ค่า โดยคงคีย์ที่ซ้ำและลำดับเดิมไว้

เครื่องมือแยกสตริงสำหรับคำสั่งค้นหา (Query String Parser)

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

เอนโคเดอร์สำหรับการพิมพ์แบบอ้างอิง

แปลงข้อความให้อยู่ในรูปแบบที่สามารถพิมพ์ได้โดยใช้โค้ด MIME เพื่อให้ไบต์ที่ไม่ใช่ ASCII สามารถถูกส่งผ่านระบบ SMTP ได้โดยไม่ถูกรบกวนหรือเสียหาย

เครื่องสุ่มที่อยู่

สร้างระเบียนคล้ายที่อยู่ 1–20 รายการสำหรับแบบจำลองและการทดสอบ ด้วยรูปแบบประเทศแบบย่อ

เครื่องมือสร้างการตั้งค่า Prettier

เลือกตัวเลือก Prettier ที่ใช้บ่อย 10 รายการ แล้วสร้างไฟล์ .prettierrc.json, .prettierrc.yaml หรือ .prettierrc.js แบบ CommonJS เพื่อคัดลอก

แปลง Properties เป็น JSON

แปลงรายการ .properties แบบง่ายเป็น JSON แบบแบนหรือซ้อน พร้อมตรวจจับตัวเลข บูลีน และ null

เครื่องมือแปลง PT เป็น PX

แปลงพอยต์ตัวอักษรเป็นพิกเซล CSS ด้วยอัตราคงที่ 96 px ต่อหนึ่งนิ้วและ 72 pt ต่อหนึ่งนิ้ว

ตัวเข้ารหัสและถอดรหัส Punycode

แปลงชื่อโดเมนสากลทั้งชื่อระหว่าง Unicode และ Punycode ที่เข้ากันได้กับ ASCII ด้วย UTS #46 บนเซิร์ฟเวอร์

เครื่องมือจัดรูปแบบ PHP

เพิ่มการขึ้นบรรทัดใหม่และการเยื้อง 2 หรือ 4 ช่องให้ส่วนโค้ด PHP พื้นฐาน โปรดตรวจผลลัพธ์ เพราะเครื่องมือนี้ไม่ใช่ตัวแยกวิเคราะห์ PHP และไม่ได้ใช้กฎ PSR-12

ตัวแปลงพิกเซลเป็น em

นำค่าพิกเซล CSS มาหารด้วยขนาดฟอนต์ฐานที่กำหนด เพื่อดูค่า em, rem, เปอร์เซ็นต์ และพอยต์ที่ตรงกัน

เครื่องมือสร้างภาพตัวแทน

สร้างภาพขนาด 1–4000 พิกเซลพร้อมสีและข้อความที่กำหนดเอง ดาวน์โหลด PNG หรือคัดลอก URL และ HTML

ตัวสร้าง package.json

สร้างไฟล์ npm-package.json ที่ถูกต้องตามรูปแบบ โดยระบุชื่อ เวอร์ชัน สคริปต์ ข้อมูลการพึ่งพา และเมตาดาต้า จากแบบฟอร์มง่ายๆ

ตัวสร้างไฟล์ config ของ Nginx

สร้าง server block ของ Nginx พร้อม TLS, HTTP/2, gzip, การแคชในเบราว์เซอร์ และกฎ reverse proxy จากฟอร์มง่าย ๆ เพียงฟอร์มเดียว

เครื่องมือสร้างเท็กซ์เจอร์นอยส์

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

เครื่องแปลงฐานตัวเลข

แปลงตัวเลขระหว่างฐานสอง ฐานแปด ฐานสิบ ฐานสิบหก และฐานกำหนดเองตั้งแต่ 2 ถึง 36 พร้อมการแยกค่าประจำหลัก

ตัวแปลงเลขฐานแปดเป็นฐานสอง

แปลงเลขฐานแปดเป็นฐานสองได้ทันทีโดยจับคู่เลขฐานแปดแต่ละหลักกับกลุ่มสามบิต พร้อมเอาต์พุตทีละขั้นตอนแบบเต็ม

เครื่องแปลงเลขฐานแปดเป็นฐานสิบ

แปลงเลขฐานแปด (ฐาน 8) เป็นค่าฐานสิบ พร้อมสูตรตามตำแหน่งเต็มรูปแบบและการแยกคำนวณทีละขั้น

ตัวตรวจสอบ OpenAPI

วางเอกสาร OpenAPI หรือ Swagger แบบ JSON หรือ YAML แล้วตรวจโครงสร้างหลัก: ฟิลด์เวอร์ชัน ออบเจกต์ info และ paths พร้อมข้อผิดพลาดและคำเตือนที่ชัดเจน

เครื่องสร้างเมตาแท็ก (Meta Tag Generator)

สร้างส่วนประกอบของ `<head>` ที่สมบูรณ์ ซึ่งประกอบด้วยชื่อเรื่อง คำอธิบาย แท็ก Open Graph, Twitter Card, canonical และ robots จากแบบฟอร์มที่เรียบง่าย

โปรแกรมสร้างตารางแบบ Markdown

สร้างตาราง Markdown ด้วยวิธีการมองเห็นได้โดยตรง หรือนำไฟล์ CSV/TSV มาวางไว้ จากนั้นควบคุมการจัดแนวคอลัมน์ การเติมข้อมูล (padding) และแถวหัวข้อ ก่อนจะคัดลอกผลลัพธ์ในรูปแบบ Markdown ที่มีการเติมข้อมูลเสร็จแล้ว

โปรแกรมแปลง Markdown เป็น BBCode

แปลงเอกสารแบบมาร์คดาวน์ให้อยู่ในรูปแบบ BBCode เพื่อใช้งานกับ phpBB, vBulletin และซอฟต์แวร์ฟอรั่มที่รองรับการจัดรูปแบบเฉพาะ BBCode เท่านั้น

โปรแกรมแปลงจาก Markdown เป็น HTML

แปลงข้อความใน Markdown เป็น HTML ที่เรียบง่าย โดยใช้เครื่องมือเสริมแบบ GitHub แสดงโครงสร้างคำสั่งในแต่ละช่วงโค้ด และรองรับการตั้งสไตล์แบบฝัง (inline styles) ได้ตามต้องการ

แปลง Markdown เป็นสไลด์

แปลง Markdown เป็นชุดสไลด์ด้วยตัวคั่น `---` พร้อมโน้ตผู้บรรยาย และส่งออกเป็น HTML หรือ PDF ขับเคลื่อนด้วย Reveal.js

แกลเลอรี Lorem Picsum

ดูรูปภาพตัวแทนจาก Lorem Picsum ได้ทุกขนาด คัดลอก URL แบบเบลอ โทนสีเทา หรือแบบกำหนดค่า seed คงที่ เพื่อใช้ในไวร์เฟรมและโปรโตไทป์

เครื่องตรวจสอบอัลกอริทึมของ Luhn

ตรวจสอบความถูกต้องของบัตรเครดิต หมายเลข IMEI หมายเลข SIN และหมายเลขอื่นๆ ที่ได้รับการป้องกันด้วยระบบ Luhn โดยจะแสดงผลว่าผ่านหรือล้มเหลว พร้อมแสดงขั้นตอนการคูณสองและการคำนวณค่าเช็คซัมอย่างละเอียด

ตัวจัดรูปแบบ Markdown

จัดเอกสาร Markdown ให้สะอาดด้วยลำดับหัวข้อที่สอดคล้องกัน ระยะห่างรายการ การขึ้นบรรทัด การเติมคอลัมน์ตาราง และการเรียง reference link

ตัวสร้างรูปภาพ Markdown

สร้างไวยากรณ์รูปภาพ Markdown พร้อมข้อความ alt แอตทริบิวต์ title และลิงก์ที่เลือกได้ เอาต์พุตแบบ inline และ reference-style

เครื่องมือสร้างลิงก์ Markdown

สร้างไวยากรณ์ลิงก์ Markdown จาก URL และข้อความลิงก์ รองรับคำแนะนำชื่อเรื่อง (tooltip) และลิงก์แบบอ้างอิง เพื่อให้เอกสารยาว ๆ ดูเป็นระเบียบและอ่านง่ายยิ่งขึ้น

ตัวแสดงตัวอย่าง Markdown

เขียน Markdown แล้วดูผล HTML ที่เรนเดอร์อัปเดตแบบเรียลไทม์ ไวยากรณ์สไตล์ GitHub รองรับตาราง รายการงาน โค้ดบล็อกแบบมีรั้ว และลิงก์อัตโนมัติ

ตัวสร้างไลเซนส์

สร้างข้อความเต็มของไลเซนส์โอเพนซอร์สพร้อมเติมชื่อและปีของคุณ ครอบคลุม MIT, Apache 2.0, GPLv3, BSD-3, MPL-2.0 และไลเซนส์ CC

JSON เป็นโครงสร้างข้อมูล Go

แปลงข้อมูล JSON เป็นคำนิยามโครงสร้างของภาษา Go โดยรวมฟิลด์ที่ส่งออกไป แท็ก JSON ตัวชี้ (pointer) ที่สามารถไม่จำเป็นได้ และชนิดข้อมูลแบบซ้อนกัน เพื่อให้พร้อมสำหรับการเข้ารหัสและใช้งานในรูปแบบ JSON

JSON เป็นคลาส Java

สร้าง Java POJO จาก JSON พร้อมแอนโนเทชัน Jackson หรือ Gson รองรับ Lombok และการจัดการคลาสซ้อนสำหรับโปรเจกต์ Spring

JSON เป็น PHP Array

แปลง JSON เป็น PHP array literal โดยใช้ไวยากรณ์แบบสั้น array แบบ associative/indexed และโครงสร้างซ้อน พร้อมวางลงในไฟล์ .php

JSON ถึงคลาสข้อมูลใน Python

สร้างคลาสข้อมูลของ Python จากไฟล์ JSON โดยมีการระบุประเภทข้อมูล (type hints) ฟิลด์แบบเลือกใช้ (optional fields) คลาสที่ซ้อนกัน (nested classes) รวมถึงรองรับรูปแบบ dataclass-json และ Pydantic

ตัวแปลง JSON เป็น TOML

แปลงข้อมูล JSON เป็นรูปแบบ TOML โดยมีหัวตารางที่เหมาะสม โครงสร้างแบบอาร์เรย์ของตาราง และคีย์ที่มีเครื่องหมายจุด, ถูกออกแบบมาให้เหมาะกับไฟล์ Cargo, pyproject.toml และไฟล์ config

JSON เป็น TypeScript

สร้างอินเทอร์เฟซหรือชนิดข้อมูลของ TypeScript จากตัวอย่าง JSON โดยรองรับฟิลด์แบบเลือกได้ ชนิดยูเนียน อาร์เรย์ และการจัดการอ็อบเจกต์แบบซ้อน

แปลง JSON เป็น XML

แปลงข้อมูล JSON เป็น XML โดยสามารถกำหนดองค์ประกอบรากได้ รองรับการจัดการอาร์เรย์ การแปลงจากแอตทริบิวต์ไปเป็นองค์ประกอบ และการประกาศข้อมูลในรูปแบบ XML

JSON เป็น YAML

แปลง JSON เป็น YAML ด้วยการเยื้องที่ถูกต้อง การใส่เครื่องหมายคำพูดให้สตริงอย่างปลอดภัย block scalar แบบหลายบรรทัด และการเรียงคีย์เพื่อ config ที่สะอาดขึ้น

ตัวตรวจสอบความถูกต้องของ JSON

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

ตัวถอดรหัส JWT

ถอดรหัส header และ payload ของ JWT แสดง claim พร้อมตรวจสอบวันหมดอายุและอัลกอริทึม signature และยืนยันด้วย shared secret หรือ public key

เครื่องถอดรหัส JavaScript

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

ตัวจัดรูปแบบ JavaScript

จัดรูปแบบ JavaScript, JSX, TypeScript และ JSON โดยตั้งค่าการเยื้อง รูปแบบเครื่องหมายคำพูด เซมิโคลอน และจุลภาคปิดท้ายได้

เครื่องมือลดขนาดโค้ด JavaScript

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

เครื่องมือปิดบังโค้ด JavaScript

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

เครื่องมือสร้างไฟล์ตั้งค่า Jest

สร้างไฟล์ jest.config.js ที่ปรับให้เข้ากับ TypeScript, React, Node, เกณฑ์ความครอบคลุม (coverage) และกฎการแปลงที่กำหนดเอง พร้อมค่าเริ่มต้นที่เหมาะสม

ตัวแก้ไข JSON ออนไลน์

แก้ไข JSON ในเบราว์เซอร์แบบภายในเครื่อง ดูโครงสร้างที่จัดรูปแบบ จัดรูปแบบหรือย่อข้อความ เรียงคีย์ และดาวน์โหลดไฟล์ JSON

เครื่องย่อข้อมูล JSON

ย่อขนาดไฟล์ JSON โดยการลบช่องว่าง บรรทัดใหม่ และความคิดเห็น เพื่อลดขนาดเพย์โหลดสำหรับการตอบกลับของ API และการฝังไฟล์กำหนดค่า

เครื่องมือทดสอบ JSON Path

ทดสอบรูปแบบการเขียน JSONPath กับเอกสาร JSON ทุกชนิด โดยให้ผลลัพธ์แบบเรียลไทม์ มีฟังก์ชันกรอง การดำเนินการแบบเรียกซ้ำ (recursive descent) และการตัดข้อมูลจากอาร์เรย์ (array slicing)

เครื่องมือสร้าง JSON Schema

อนุมาน JSON Schema จากเอกสารตัวอย่างหนึ่งฉบับหรือมากกว่า ด้วยการตรวจจับชนิดข้อมูล ระบุฟิลด์ที่จำเป็น และอนุมานค่า enum เพื่อสร้างสัญญา API ได้อย่างรวดเร็ว

เครื่องมือตรวจสอบ JSON Schema

ตรวจสอบเอกสาร JSON เทียบกับ JSON Schema (ดราฟต์ 2020-12, 07, 04) โดยระบุเส้นทางของข้อผิดพลาดได้อย่างแม่นยำ และรองรับคีย์เวิร์ดครบทุกตัว

JSON ถึงคลาสใน C#

แปลงข้อมูล JSON เป็นคลาสในภาษา C# โดยใช้แอตทริบิวต์ของ System.Text.Json หรือ Newtonsoft รวมถึงการรองรับประเภทอ้างอิงแบบสามารถเป็น null ได้ และการรองรับประเภทที่ซ้อนกัน

JSON เป็น CSV

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

เครื่องแปลง JSON เป็น CSV

ส่งข้อมูลอาร์เรย์ JSON ทุกชนิดไปยังไฟล์ CSV โดยใช้ตัวแบ่งบรรทัดเฉพาะตัว การจัดเรียงข้อมูลแบบเนสเต็ด (nested flattening) การเรียงลำดับคอลัมน์ และรูปแบบข้อมูล BOM ตามมาตรฐาน UTF-8 เพื่อใช้งานใน Excel

ตัวแปลง JSON เป็น Dart

แปลงตัวอย่าง JSON เป็นคลาสโมเดล Dart ที่รองรับ Null Safety พร้อมชนิดข้อมูลซ้อน fromJson, toJson แบบเลือกได้ และประมวลผลเป็นส่วนตัวในเบราว์เซอร์

เครื่องแปลงข้อมูลจาก INI เป็น JSON

แปลงไฟล์กำหนดค่า INI เป็น JSON โดยส่วนต่างๆ จะถูกเปลี่ยนเป็นออบเจกต์ และคู่คีย์-ค่าจะกลายเป็นคุณสมบัติของสตริง ไม่มีการประมวลผลใดๆ บนฝั่งเซิร์ฟเวอร์

โปรแกรมแปลงรูปแบบจาก INI เป็น YAML

แปลงไฟล์กำหนดค่ารูปแบบ INI เป็น YAML โดยแต่ละส่วนจะถูกแปลงเป็นการแมปค่า และค่าต่างๆ จะถูกเก็บไว้ในรูปแบบสตริง พร้อมใช้งานสำหรับระบบ Helm, Ansible และกระบวนการดำเนินงาน CI

ตัวบีบอัด HTML

ทำให้ HTML กระชับในเบราว์เซอร์ด้วยการลบความเห็นทั่วไปและรวมช่องว่าง ตรวจสอบผลลัพธ์ก่อนใช้งาน

ตัวแปลง HTML เป็น BBCode

แปลงส่วนต้นฉบับ HTML ให้อยู่ในรูปแบบ BBCode เพื่อใช้กับ phpBB, vBulletin และซอฟต์แวร์ฟอรัมอื่นๆ ที่ไม่อนุญาตการใช้ HTML แบบดิบ

ตัวแปลง HTML เป็น JSX

แปลง HTML เป็น JSX ที่ถูกต้องสำหรับ React แก้ไข class เทียบกับ className ออบเจกต์สไตล์แบบอินไลน์ องค์ประกอบว่างที่ปิดตัวเอง และรูปแป้นตัวอักษรของแอตทริบิวต์

เครื่องแปลง HTML เป็น Markdown

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

เครื่องแปลง HTML เป็นข้อความ

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

เครื่องมือตรวจสอบ IBAN

ตรวจสอบความยาวตามประเทศ โครงสร้างภายในประเทศ และเลข MOD 97-10 ของ IBAN ในเบราว์เซอร์ ไม่มีการอัปโหลดและไม่ยืนยันว่าบัญชีมีอยู่จริง

เครื่องแปลงเลขฐานสิบหกเป็นเลขฐานสิบ

แปลงเลขฐานสิบหกให้เป็นเลขฐานสิบ (ฐาน 10) รองรับที่อยู่หน่วยความจำ รหัสข้อผิดพลาด ช่องสัญญาณ RGB และจำนวนเต็มความแม่นยำไม่จำกัด

ตัวแปลงสีจาก HEX เป็น HSL

แปลงค่าสีในรูปแบบ HEX เป็นค่า HSL เพื่อใช้กับระบบการออกแบบ CSS โดย HSL ช่วยให้สามารถสร้างชุดโทนสีที่สอดคล้องกันและมีระดับความสว่างคงที่ได้อย่างง่ายดาย

ตัวแปลงสีจาก HEX เป็น RGB

แปลงสี HEX ใดๆ ให้เป็นค่าช่องสี RGB รองรับ HEX แบบสั้น (#f00), HEX แบบเต็ม (#ff0000) มีหรือไม่มีเครื่องหมาย #

เครื่องแปลง HSL เป็น RGB

แปลงค่า HSL (โทนสี 0–360°, ความอิ่มตัว %, ความสว่าง %) เป็นช่องสัญญาณ RGB เหมาะอย่างยิ่งสำหรับการนำค่าจากระบบการออกแบบไปใช้ในโปรแกรมแก้ไขภาพ

โปรแกรมแปลงจาก HSV เป็น RGB

แปลงค่า HSV (โทนสี 0–360°, ความอิ่มตัว %, ค่า %) เป็นค่าช่องสี RGB เพื่อใช้ในการแก้ไขภาพ รวมถึงในโปรแกรม Photoshop และเครื่องมือออกแบบต่างๆ

ตัวสร้าง Redirect สำหรับ Htaccess

สร้างกฎ redirect 301 และ 302 ใน .htaccess จาก URL ต้นทางและปลายทางสำหรับเซิร์ฟเวอร์ Apache

ตัวแปลง Hexspeak

แปลงจำนวนเต็มฐานสิบที่ไม่ติดลบยาวไม่เกิน 256 หลักเป็น hexspeak แบบคลาสสิก หรือทดสอบวลีละตินด้วยกฎที่ชัดเจน

ตัวแปลงรูปแบบ HEX เป็น ASCII

แปลงลำดับไบต์แบบเฮกซาเดซิมอลให้เป็นข้อความ ASCII เหมาะอย่างยิ่งสำหรับการดีบักก์โปรโตคอล การวิเคราะห์โครงสร้างกลับ และการแข่งขันประเภท CTF

เครื่องแปลง HEX เป็นไบนารี

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

เครื่องมือแปลง HEX เป็น CMYK

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

คู่มือคำสั่ง Git สำหรับการใช้งานอย่างรวดเร็วและสะดวก

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

เครื่องสร้างคำสั่ง Git

สร้างคำสั่ง Git ที่ถูกต้องสำหรับงานที่พบบ่อย: ยกเลิก commit แก้ไข rebase บน main cherry-pick ติดแท็กรุ่น ตั้ง upstream และอื่น ๆ

เครื่องมือสร้างลำดับขั้นตอนการทำงานสำหรับ GitHub Actions

สร้างไฟล์ .github/workflows/ci.yml ที่พร้อมคอมมิตสำหรับ Node, PHP หรือ Laravel พร้อมทริกเกอร์ push และ PR, แอ็กชันล่าสุด และเวอร์ชันรันไทม์ที่ถูกต้อง

เครื่องมือสร้าง README โปรไฟล์ GitHub

สร้างไฟล์ README.md สำหรับหน้าโปรไฟล์ GitHub ของคุณ (รีโป username/username) พร้อมสโลแกน ทักษะ การ์ดสถิติ และการแบ่งสัดส่วนภาษา

ตัวสร้างไฟล์ .gitignore

สร้างไฟล์ .gitignore ที่ออกแบบมาเฉพาะสำหรับสภาพแวดล้อมการพัฒนาของคุณ โดยมีกฎที่กรอกไว้ล่วงหน้าสำหรับข้อมูลการพึ่งพา ผลลัพธ์จากการสร้างโปรแกรม ไฟล์สิ่งแวดล้อม (env files) และข้อมูลที่เกิดขึ้นโดยตัวแก้ไขโค้ดในระบบ

เครื่องสร้าง GraphQL Query

สร้าง GraphQL operation ที่จัดรูปแบบแล้วโดยเลือกประเภท operation ฟิลด์ราก อาร์กิวเมนต์ และฟิลด์ แล้วคัดลอกผลลัพธ์สำหรับ client ของคุณ

เครื่องมือสร้างผังงาน

สร้างผังงานแบบเห็นภาพในเบราว์เซอร์ด้วยโหนดห้าประเภท การเชื่อมต่อแบบมีทิศทาง และการดาวน์โหลด SVG หรือ PNG

เครื่องจับคู่รายการแบบฟัซซี่ (Fuzzy List Matcher)

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

เครื่องมือตรวจสอบความแตกต่างของไฟล์

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

เครื่องแปลงขนาดไฟล์

แปลงระหว่างไบต์ KB, MB, GB, TB และหน่วยไบนารี IEC (KiB, MiB, GiB, TiB) โดยรวมทศนิยมและไบนารีได้ตามต้องการ

ตัวแปลง Epoch

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

เครื่องสร้าง ESLintrc

สร้างการกำหนดค่า .eslintrc ในรูปแบบ JSON พร้อม env, parser, ปลั๊กอินและกฎที่เหมาะสมสำหรับโปรเจกต์เบราว์เซอร์, Node, TypeScript และ React

เครื่องมือสร้าง EditorConfig

สร้างไฟล์ .editorconfig จากกฎการเยื้อง การจบบรรทัด และชุดอักขระของคุณ แล้วเพิ่มเซกชันที่ถูกต้องให้ทุกภาษาในรีโพซิทอรี ทั้ง Python, Go, YAML, Makefile และอื่น ๆ

ตัวตรวจสอบอีเมล

ตรวจสอบที่อยู่อีเมล: ตรวจไวยากรณ์ RFC 5322 ค้นหา MX เรกคอร์ดแบบเรียลไทม์ พร้อมรายละเอียดส่วนท้องถิ่น โดเมน และความยาว ไม่มีการส่งอีเมลใด ๆ

เครื่องแปลง EM เป็น REM

แปลงหน่วย CSS ระหว่าง em, rem และพิกเซล ที่ขนาดฟอนต์พื้นฐานใดก็ได้ แสดงขั้นตอนการคำนวณและขนาดพื้นฐานที่ใช้บ่อยสำหรับงานพิมพ์แบบตอบสนอง (responsive)

โปรแกรมดูความแตกต่าง

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

ตัวสร้าง Docker Compose

สร้างไฟล์ docker-compose.yml จากคำนิยามของ services ด้วย image, port และ volume พร้อมค่าเริ่มต้นตามแนวทางปฏิบัติที่ดีที่สุด

ตัวสร้าง Dockerfile

สร้าง Dockerfile ที่พร้อมใช้งานจริงสำหรับ Node.js, Python, PHP, Go หรือ Rust พร้อมลำดับขั้นที่คำนึงถึงแคช พอร์ตเปิด และ multi-stage build สำหรับภาษาที่คอมไพล์

เครื่องแปลงทศนิยมเป็นเลขฐานสิบหก

ป้อนเลขทศนิยมจำนวนเต็มแล้วรับค่าเลขฐานสิบหกทันที รวมถึงค่าลบในรูปแบบ two's complement แบบ 64 บิต

ตัวแปลงเลขฐานสิบเป็นฐานแปด

แปลงเลขฐานสิบที่เป็นจำนวนเต็มให้เป็นเลขฐานแปด (ฐาน 8) พิมพ์ตัวเลขแล้วอ่านเลขฐานแปดได้ทันที วิธีการหารด้วย 8 อธิบายไว้ด้านล่าง

เครื่องมือแปลง cURL

แปลงคำสั่ง cURL ที่วางไว้เป็นโค้ด Fetch ในเบราว์เซอร์, fetch ของ Node.js, Python Requests หรือ PHP cURL ภายในเครื่องโดยไม่เรียกคำขอ

เครื่องแปลงหน่วยจัดเก็บข้อมูล

แปลงขนาดข้อมูลระหว่างบิต ไบต์ กิโลไบต์ เมกะไบต์ กิกะไบต์ เทระไบต์ และเพตะไบต์ โดยใช้ระบบทศนิยม (1000) หรือไบนารี (1024)

เครื่องมือสร้างทูลทิป CSS

สร้างทูลทิปแบบ CSS ล้วนที่เข้าถึงได้ โดยใช้แอตทริบิวต์ data และ ::after กำหนดตำแหน่ง สีพื้นหลัง และสีข้อความได้โดยไม่ต้องใช้ JavaScript เลย

CSS เป็น Tailwind

วางกฎ CSS แล้วรับคลาสยูทิลิตีของ Tailwind CSS ที่เทียบเท่า รวมถึงค่าตัวสำรองแบบกำหนดเองสำหรับสิ่งที่อยู่นอกสเกลเริ่มต้น

เครื่องมือสร้างรูปสามเหลี่ยม CSS

สร้างรูปสามเหลี่ยม CSS ล้วนในทุกทิศทางด้วยเทคนิคเส้นขอบความกว้างเป็นศูนย์ เลือกทิศทาง ขนาด และสีเติม จากนั้นคัดลอกการประกาศ (declaration)

แปลงจาก CSV เป็น JSON

แปลงไฟล์ CSV ที่มีแถวหัวข้อให้เป็น JSON ในรูปแบบอาร์เรย์ของออบเจกต์ โดยแถวหัวข้อจะทำหน้าที่เป็นคีย์ และแถวข้อมูลจะกลายเป็นออบเจกต์ เพื่อใช้งานกับ API และโค้ด JavaScript

ตัวแปลงข้อมูลจาก CSV เป็น JSON

แปลงสเปรดชีต CSV เป็นไฟล์ JSON โดยให้เลือกตัวคั่นข้อมูล (จุลภาค แท็บ หรืออัฒภาค) การจัดการหัวข้อข้อมูล และรูปแบบการแสดงผลแบบสวยงามหรือแบบกระชับ

โปรแกรมแปลงข้อมูลจากไฟล์ CSV เป็นไฟล์ Markdown

แปลงแถวในไฟล์ CSV ให้เป็นตารางแบบ Markdown รูปแบบ GitHub โดยมีส่วนหัวแยกแถวและเซลล์ที่ถูกแบ่งด้วยเครื่องหมายท่อ (|) เพื่อใช้ติดเข้ากับไฟล์ README หรือ PR ได้ทันที

เครื่องแปลงข้อมูลจาก CSV เป็น YAML

แปลงข้อมูล CSV เป็นไฟล์ YAML ที่มีรูปแบบเรียบร้อย โดยจัดเป็นรายการของการแมปค่า โดยหัวข้อ (headers) จะทำหน้าที่เป็นคีย์ และแต่ละแถวจะเป็นการแมปแบบซ้อนกันภายใต้อาร์เรย์ระดับสูงสุด

เครื่องสร้างเงากล่อง CSS

ตั้งค่าออฟเซ็ตแนวนอนและแนวตั้ง การเบลอ การกระจาย สี และ inset (ไม่บังคับ) สำหรับเงาหนึ่งชั้น แล้วคัดลอกกฎ สำหรับเงาหลายชั้น ให้สร้างแต่ละชั้นแยกกันแล้วรวมกฎด้วยเครื่องหมายจุลภาค

ตัวสร้าง CSS การ์ด

สร้าง CSS สำหรับคอนเทนเนอร์การ์ด: พื้นหลัง เส้นขอบ รัศมีมุม ระยะขอบด้านใน และเงานุ่ม พร้อมดูตัวอย่างได้ทันทีและโค้ดที่ลอกได้

ตัวสร้าง CSS Checkbox

ตกแต่ง checkbox พื้นฐานด้วย CSS: เลือกสีเมื่อติ๊ก สีเส้นขอบ ขนาด และรัศมีมุม ดูตัวอย่างเครื่องหมายถูก แล้วคัดลอก CSS ที่พร้อมใช้

เครื่องมือสร้าง clip-path สำหรับ CSS

สร้างกฎ clip-path พร้อมใช้ เลือกรูปแบบสำเร็จรูปหนึ่งในสี่แบบ ได้แก่ สามเหลี่ยม เพชร สี่เหลี่ยมคางหมู หรือหกเหลี่ยม แล้วคัดลอก CSS ได้เลย

เครื่องสร้างเส้นแบ่งส่วน CSS

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

เครื่องสร้าง CSS Filter

สร้างสายโซ่ฟิลเตอร์ CSS สำหรับเบลอ ความสว่าง คอนทราสต์ ระดับเทา และความอิ่มสี ใส่ค่าแล้วคัดลอกกฎที่พร้อมใช้

ตัวสร้าง CSS Flexbox

สร้าง CSS ของ flex container ในไม่กี่วินาที เลือก flex-direction, justify-content, align-items, gap และ wrap แล้วคัดลอก CSS ที่พร้อมใช้งาน

เครื่องจัดรูปแบบ CSS

จัดรูปแบบ CSS ที่ย่อขนาดหรือไม่เป็นระเบียบให้เป็นโค้ดที่อ่านง่าย: หนึ่งการประกาศต่อบรรทัด การเยื้องสองช่องว่าง และบรรทัดว่างระหว่างกฎ คอมเมนต์แบบบล็อกจะถูกลบระหว่างการจัดรูปแบบ

เครื่องมือสร้างฟอร์ม CSS

สร้าง CSS สำหรับฟอร์มที่ออกแบบอย่างครบถ้วน: ตารางฟอร์ม (grid), ป้ายกำกับ, ช่องป้อนข้อมูล, เขตพิมพ์ข้อความ, ตัวเลือก และสถานะโฟกัสที่ชัดเจน ตั้งค่าสีหลัก (accent), ความโค้งมุม และระยะห่าง จากนั้นคัดลอกโค้ดได้เลย

เครื่องมือสร้างเกรเดียนต์ CSS

สร้างเกรเดียนต์ CSS พร้อมใช้งานด้วยสองสี เลือกแบบเชิงเส้นหรือแบบรัศมี ตั้งมุม แล้วคัดลอกโค้ดพื้นหลังได้เลย

เครื่องมือสร้าง CSS Grid

สร้างกฎคอนเทนเนอร์ของ CSS Grid: จำนวนคอลัมน์เท่ากันแบบคงที่ ระยะห่างที่กำหนดเอง และทางเลือกแบบตอบสนองพร้อมความกว้างต่ำสุด พร้อมคัดลอก

เครื่องมือสร้าง Keyframes CSS

สร้างกฎ @keyframes สำหรับแอนิเมชันเฟดสไลด์ พัลส์ หมุน หรือเด้ง พร้อมชื่อ ระยะเวลา และระยะทางที่กำหนดเอง พร้อมคัดลอก

เครื่องมือสร้าง CSS Loader

สร้างสปินเนอร์วงกลมด้วย CSS ล้วน กำหนดเส้นผ่านศูนย์กลาง ความหนาของขอบ สี และความเร็วรอบ ดูตัวอย่างสด แล้วคัดลอกโค้ด CSS พร้อมใช้ได้เลย ไม่ต้องใช้ SVG หรือ JavaScript

CSS Minifier

ย่อขนาด CSS ด้วยการตัดช่องว่างและคอมเมนต์ ประหยัดได้ทั่วไป 25-50% สำหรับไฟล์ที่จัดรูปแล้ว และผลลัพธ์ทำงานเหมือนต้นฉบับทุกประการ

เครื่องมือสร้างโมดัล CSS

สร้าง CSS สำหรับกล่องโต้ตอบแบบโมดัล: พื้นหลังเข้มเต็มจอแบบคงที่ แผงสีขาวตรงกลาง ส่วนหัวสีเน้น และปุ่มการทำงานชิดขวา ปรับความกว้าง รัศมีมุม และสีเน้นได้

เครื่องสร้างตารางราคา CSS

สร้างการ์ดราคาหนึ่งใบด้วย HTML + CSS: ชื่อแพ็กเกจ ราคา และสีเน้นของแบรนด์ แล้วคัดลอกโค้ดลงในหน้าแลนดิ้ง

เครื่องสร้างแถบเลื่อน CSS

ปรับแต่งรูปลักษณ์ของแถบเลื่อนด้วย CSS ใช้ scrollbar-color / scrollbar-width แบบสมัยใหม่ และ ::-webkit-scrollbar แบบเดิมเพื่อรองรับได้กว้างขวาง

ตัวสร้างแท็บส์ CSS

สร้างแถบแท็บแบบกำหนดเองด้วย HTML + CSS: สีเน้นสำหรับแท็บที่ใช้งานอยู่ รัศมีมุมโค้ง และสถานะเมื่อชี้เมาส์ แล้วคัดลอกโค้ดไปใช้ในโปรเจกต์ของคุณ

เครื่องกำเนิดเงาข้อความแบบ CSS

สร้างคำประกาศ text-shadow โดยตั้งค่าออฟเซ็ต X และ Y การเบลอ และสี แล้วคัดลอกบรรทัด CSS ที่แน่นอนไปวางในสไตล์ชีตของคุณ

เครื่องสร้างนิพจน์ Cron

สร้างนิพจน์ cron ของ Unix จากตารางเวลาแบบเห็นภาพ เลือก นาที ชั่วโมง วัน เดือน และวันในสัปดาห์ แล้วรับไวยากรณ์ที่ถูกต้องสำหรับ crontab, Kubernetes หรือ GitHub Actions

เครื่องมือแยกวิเคราะห์นิพจน์ Cron

วางนิพจน์ cron แบบ 5 ฟิลด์ หรือคำย่ออย่าง @daily แล้วดูนิพจน์มาตรฐาน ค่าทุกค่าที่แต่ละฟิลด์ตรงกัน คำเตือนที่มักทำให้พลาด และเวลาทำงาน 5 ครั้งถัดไปตามเขตเวลาของคุณเอง

Crontab Guru

วางนิพจน์ cron มาตรฐาน 5 ฟิลด์ แล้วรับคำอธิบายที่เข้าใจง่ายของทุกฟิลด์ คำเตือนที่ควรรู้ และเวลาทำงานห้าครั้งถัดไปตามเขตเวลาของคุณเอง

ตัวถอดรหัส CSR

วางคำขอลงนามใบรับรอง (CSR) ที่เข้ารหัสด้วย PEM เพื่ออ่านข้อมูลแต่ละช่องของผู้ขอ รวมถึงอัลกอริทึมและขนาดของกุญแจสาธารณะ โดยไม่ต้องติดตั้งเครื่องมือใด ๆ

ตัวสร้าง CSS Animation

สร้าง CSS @keyframes animation จาก preset ที่มีให้ ตั้งชื่อ ระยะเวลา easing จำนวนรอบ และทิศทาง ดูตัวอย่างแบบเรียลไทม์ แล้วคัดลอกโค้ด

ตัวสร้างลูกศร CSS

สร้างลูกศร CSS ในเบราว์เซอร์ด้วยทิศทาง สี ขนาด และความหนาของเส้นขอบ แล้วคัดลอกกฎ.

เครื่องมือสร้าง border-radius ของ CSS

กำหนดรัศมีของมุมทั้งสี่ (บนซ้าย บนขวา ล่างขวา ล่างซ้าย) เลือกหน่วย px, % หรือ rem แล้วคัดลอกรูปแบบเขียนย่อ border-radius ที่พร้อมใช้งาน

ตัวผสมสี

ผสมสี 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 ได้สูงสุด 100 ฉบับในเบราว์เซอร์ ดูบรรทัดและคอลัมน์ที่ผิดพลาดได้ตรงจุด และจับค่าที่ความหมายเปลี่ยนไป

ตัวดูไฟล์ไบนารีแบบ 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 ได้ทันที