Konverter Format Warna CSS

• Konversi format warna CSS instan: tempel nilai warna CSS apa pun — hex3, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab(), atau warna bernama — dan dapatkan semua format setara dalam milidetik. Konverter format warna CSS memproses semuanya di browser Anda tanpa menunggu.
• Konverter format warna CSS online yang aman: kode CSS Anda tidak pernah meninggalkan perangkat. Konverter format warna CSS berjalan sepenuhnya di sisi klien di browser Anda — tanpa upload ke server, tanpa pencatatan data, tanpa permintaan pihak ketiga. Konversi token desain rahasia dan stylesheet produksi dengan privasi penuh.
• Konverter format warna CSS tanpa instalasi: konverter format warna CSS berfungsi di browser modern mana pun tanpa unduhan, plugin, dan ekstensi. Buka halaman dan mulai konversi segera — berfungsi di desktop, tablet, dan ponsel.
• 100% gratis — tanpa batas, tanpa iklan: konverter format warna CSS sepenuhnya gratis, tanpa pendaftaran, akun, tingkatan premium, dan batas penggunaan. Konversi warna tunggal atau seluruh file CSS sebanyak yang Anda perlu — gratis selamanya.

• Migrasi CSS ke fungsi warna modern: konversi nilai lama hex dan rgb() di stylesheet Anda ke hsl() atau oklch() modern untuk keterbacaan lebih baik dan theming lebih mudah. Konverter format warna CSS menangani seluruh blok CSS dalam satu proses, menghemat berjam-jam pekerjaan cari-dan-ganti manual.
• Standardisasi token desain: standardisasi token warna design system Anda ke satu format di semua file. Gunakan konverter format warna CSS untuk memastikan setiap token di konfigurasi Tailwind, variabel CSS, atau peta SCSS memakai notasi yang sama.
• Handoff Figma & alat desain: Figma mengekspor warna sebagai hex atau rgb(); framework CSS Anda mungkin mengharapkan hsl(). Gunakan konverter format warna CSS untuk segera menerjemahkan nilai handoff desain ke format yang dipakai basis kode Anda — tanpa perhitungan manual.
• Pencocokan warna cetak & lintas media: konversi warna layar ke CMYK untuk produksi cetak, atau dapatkan nilai CIE LAB untuk spesifikasi warna independen perangkat. Konverter format warna CSS menghasilkan CMYK dan LAB bersama semua format CSS dalam satu langkah.
• Refactoring & audit basis kode: audit basis kode lama yang mencampur hex, rgb(), dan warna bernama secara tidak konsisten. Tempel stylesheet apa pun ke mode blok konverter format warna CSS dan konversi setiap warna ke format pilihan Anda dengan satu klik.
• Aksesibilitas & kerja warna WCAG: saat memeriksa rasio kontras WCAG, Anda sering butuh warna dalam format tertentu. Konverter format warna CSS segera menerjemahkan warna apa pun ke format yang dibutuhkan alat pengujian aksesibilitas atau tinjauan desain Anda.

Konversi format warna CSS adalah proses mengekspresikan nilai warna yang sama dalam notasi CSS berbeda. CSS mendukung lebih dari selusin format warna — dari triplet hex klasik (#rrggbb) hingga format persepsi modern seperti oklch() dan lab(). Setiap format mengodekan warna dasar yang sama secara berbeda: hex memakai nilai kanal basis-16, rgb() memakai kanal desimal 0-255, hsl() memakai sudut hue dan lightness persen, dan oklch() memakai lightness dan chroma persepsi. Konverter format warna CSS mengurai salah satu notasi ini dan menghasilkan semua representasi setara secara instan, sehingga Anda bisa memakai format yang dibutuhkan alur kerja Anda tanpa perhitungan manual.

Konversi terjadi dalam tiga langkah, sepenuhnya di browser Anda:

1. Masukkan warna CSS Anda: ketik atau tempel nilai warna CSS apa pun di tab Warna Tunggal — hex3, hex4, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab(), atau salah satu dari 148 warna bernama CSS. Untuk konversi massal, beralih ke tab Blok CSS dan tempel seluruh stylesheet Anda.
2. Pemrosesan instan berbasis browser: klik Konversi dan konverter format warna CSS mengurai input Anda, menormalkannya ke representasi RGBA internal, lalu menghitung semua format output memakai matematika warna yang akurat. Tidak ada data yang dikirim ke server — semua pemrosesan terjadi lokal di browser Anda.
3. Salin atau unduh output: dalam mode Warna Tunggal, klik ikon salin di samping baris format mana pun untuk menyalin nilai tersebut. Dalam mode Blok CSS, stylesheet yang dikonversi muncul di panel output — klik «Salin output» untuk menyalin seluruh CSS yang dikonversi ke clipboard.

• Format HEX (hex3, hex4, hex6, hex8): hex pendek 3 digit diperluas ke 6 digit; hex 4 dan 8 digit mencakup kanal alfa. Semua output hex memakai huruf besar untuk konsistensi.
• RGB dan RGBA: nilai kanal desimal 0-255 dengan alfa opsional (0-1). Konverter format warna CSS juga menerima nilai rgb() berbasis persen dan menormalkannya ke kanal bilangan bulat.
• HSL, HSLA, dan HWB: format berbasis hue yang dipakai native di CSS Color Level 4. Konverter menerima hue dalam derajat, radian, putaran, dan gradian dan menormalkannya ke derajat pada output.
• Format modern (oklch, lch, lab): ruang warna seragam persepsi dari CSS Color Level 4. Konverter format warna CSS mengurai input ini dan mengonversinya ke semua format lain memakai matematika warna akurat.

Konverter format warna CSS memakai ruang warna sRGB sebagai representasi perantara. Warna yang ditentukan dalam ruang gamut lebar (display-p3, rec2020) yang berada di luar sRGB akan dipotong ke nilai sRGB terdekat. Output CMYK memakai rumus matematis sederhana tanpa profil ICC — untuk pekerjaan cetak produksi, gunakan konversi berbasis profil ICC di perangkat lunak cetak Anda. Format HSV bukan fungsi CSS native; ia disediakan sebagai nilai referensi untuk digunakan di alat desain seperti Photoshop dan Figma.