Formatter Warna

Konversikan warna antara format HEX, RGB, HSL dengan pemilih warna visual dan pratinjau

Color Input

All Formats

Tips

  • Use the color picker or type a color value in any supported format
  • Supported formats: HEX (#3B82F6), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%))
  • 3-digit HEX shorthand is supported (e.g. #F00 = #FF0000)

Fitur Pemrosesan Formatter Warna Profesional

Semua yang Anda butuhkan untuk bekerja dengan data Formatter Warna secara efisien dan profesional

Validasi Warna

Validasi input warna dan deteksi otomatis format (HEX, RGB, HSL) untuk konversi instan.

Konversi Format

Konversikan antara format warna HEX, RGB, HSL, dan HSV dengan satu klik atau saat Anda mengetik.

Pemilih Visual

Gunakan pemilih warna bawaan untuk memilih warna secara visual dengan pratinjau dan konversi instan.

Pratinjau Langsung

Lihat pratinjau swatch warna real-time yang diperbarui saat Anda mengubah nilai dalam format apa pun.

Konversi Instan

Konversi antara format warna secara instan dengan matematika murni - tanpa perjalanan bolak-balik ke server, sepenuhnya privat.

Salin Format

Klik nilai format apa pun untuk menyalinnya langsung ke papan klip untuk digunakan di CSS atau alat desain.

Cara Kerjanya

Langkah sederhana untuk memproses Formatter Warna Anda seperti seorang profesional

1

Masukkan atau Pilih Warna

Ketik nilai HEX, RGB, atau HSL, atau gunakan pemilih warna untuk memilih secara visual.

2

Konversi Otomatis

Semua format warna dikonversi dan ditampilkan secara instan saat Anda mengetik atau memilih.

3

Pratinjau Warna

Lihat pratinjau swatch warna langsung untuk mengonfirmasi pilihan Anda.

4

Salin Format

Klik nilai format apa pun untuk menyalinnya ke papan klip Anda.

Formatter & Validator Formatter Warna Profesional

Pemrosesan Formatter Warna berjalan sepenuhnya di browser Anda — tanpa unggahan, tanpa akun, tanpa batasan.

Dibangun oleh Ahli

Mesin pemformatan Formatter Warna berjalan secara lokal di browser Anda menggunakan parser yang mapan dan algoritma standar. Tidak ada yang disembunyikan — buka dev tools browser Anda dan lihat cara kerjanya.

Fitur Teknis Utama:

  • • Konversi sesuai CSS Color Module Level 4
  • • Integrasi pemilih warna browser bawaan
  • • Dukungan untuk ruang warna HEX, RGB, HSL, dan HSV
  • • Pemrosesan sisi klien untuk keamanan dan kecepatan maksimal
  • • Pratinjau real-time dengan swatch warna langsung

Dipercaya & Aman

Data Anda tetap berada di browser Anda: tidak ada yang diunggah, disimpan, atau dicatat. Tutup tab-nya dan semuanya hilang.

Keamanan & Privasi:

  • • Pemrosesan 100% sisi klien - data tidak pernah dikirim ke server
  • • Tanpa pelacakan, cookie, atau pengumpulan data
  • • Enkripsi HTTPS untuk koneksi yang aman
  • • Tidak ada data yang disimpan atau di-cache setelah pemrosesan
  • • Pendekatan sesuai GDPR dan CCPA

Mengapa Profesional Memilih EZ Formatter

100%
Pemrosesan di sisi klien
0
Data yang dikirim ke server
60
Alat di dalam workbench

Data Anda tetap berada di browser Anda

Pertanyaan yang Sering Diajukan

Pertanyaan umum tentang format Color Formatter yang terjawab

Ya, formatter warna kami sepenuhnya gratis tanpa perlu registrasi. Semua pemrosesan dilakukan di browser Anda.

Kami mendukung konversi HEX (#FF6600), RGB (rgb(255,102,0)), HSL (hsl(24,100%,50%)), dan HSV dengan dukungan saluran alfa.

Ya. Klik swatch warna untuk membuka pemilih warna bawaan dan memilih warna secara visual. Semua format diperbarui secara instan.

Ya. Anda dapat menyertakan nilai alfa dalam format RGBA dan HSLA, dengan nilai dari 0 (transparan) hingga 1 (opak).

Cukup tempel nilai HEX (#FF6600) ke bidang input. Alat ini langsung menampilkan ekuivalen RGB, HSL, dan HSV.

HEX (#rrggbb, #rgb, #rrggbbaa), RGB/A (bentuk 0-255 dan persentase), HSL/A (sesuai CSS Color 4), ditambah beberapa notasi warisan (sintaks koma rgb()) dan warna CSS bernama (148 nama dalam spesifikasi CSS). Konversi bersifat eksak bila format target dapat merepresentasikan warna tersebut; HEX↔RGB bersifat lossless, sedangkan HSL dibulatkan ke komponen bilangan bulat terdekat saat dirender.

HSL intuitif tetapi mendistorsi kecerahan perseptual (kuning pada L=50% terlihat jauh lebih terang daripada biru pada L=50%). HWB (hue-putih-hitam, CSS Color 4) menyederhanakan pencampuran tint/shade. OKLCH (CSS Color 4, dari ruang warna OKLab) seragam secara perseptual - format yang diadopsi sistem desain modern karena langkah channel L yang sama terlihat sama terangnya; konverter menghasilkan ketiganya.

Alpha dikonversi di semua notasi (#rrggbbaa, rgba(), hsla(), oklch(... / 0.5)). Display-P3 dan warna wide-gamut lainnya dipetakan ke padanan sRGB terdekat disertai pemberitahuan gamut-clipping - sRGB tidak dapat merepresentasikannya, dan tool ini menyatakannya secara eksplisit alih-alih berpura-pura bahwa round-trip-nya lossless.

{-- * External Resources Component(#19 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / 官方语言文档 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}

Alat Terkait