Warna dan Desain
Pilih, konversi, dan padukan warna, serta buat CSS untuk desain Anda.
- Ambil Warna dari Gambar Unggah gambar dan klik piksel mana pun untuk mendapatkan warnanya dalam HEX, RGB, HSL, HSV, dan CMYK. Ada kaca pembesar dan rata-rata piksel.
- Cek Kontras Warna WCAG Cek kontras warna WCAG gratis. Masukkan warna teks dan latar belakang untuk melihat rasio kontras, hasil AA/AAA, dan warna terdekat yang lolos.
- Editor Cubic-Bezier Rancang kurva easing CSS dengan editor cubic-bezier yang bisa diseret, bandingkan dengan linear dalam animasi langsung, lalu salin kodenya.
- Font Subsetter Buat subset font berisi karakter yang Anda butuhkan dengan HarfBuzz di browser. Dapatkan TTF/OTF dan WOFF yang lebih kecil plus aturan @font-face.
- Generator Border Radius Bentuk border-radius CSS secara visual dengan titik yang bisa diseret. Atur tiap sudut dalam px atau %, buat elips dan blob, lalu salin kodenya.
- Generator Box Shadow Rancang bayangan CSS box-shadow berlapis dengan pratinjau langsung. Atur offset, blur, spread, warna, opasitas, dan inset, lalu salin kodenya.
- Generator Clip-Path CSS Gambar bentuk CSS clip-path dengan titik yang bisa diseret. Edit poligon, lingkaran, elips, dan inset, mulai dari preset, lalu salin kodenya.
- Generator Flexbox dan CSS Grid Buat tata letak flexbox dan CSS grid secara visual. Atur properti kontainer dan item, beri nama area grid, lihat hasilnya, lalu salin CSS dan HTML.
- Generator Gradien CSS Buat gradien CSS linear, radial, dan conic dengan pratinjau langsung. Tambahkan dan seret titik warna, atur sudut, lalu salin kode CSS-nya.
- Generator Palet Warna Buat palet warna dari satu warna dasar dengan aturan harmoni warna: komplementer, analog, triadik, tetradik, persegi, dan monokromatik.
- Generator Tint dan Shade Warna Buat tint dan shade dari warna apa pun dengan langkah 5, 10, 20, atau 25%, dicampur dalam OKLCH atau sRGB, lalu ekspor sebagai variabel CSS atau Tailwind.
- Kalkulator Rasio Aspek Kalkulator rasio aspek gratis untuk menyederhanakan lebar dan tinggi, mengubah ukuran tanpa merusak proporsi, dan menyalin kode CSS aspect-ratio.
- Konverter PX ke REM Konversi px ke rem dan em dengan ukuran font root apa pun, buat tabel konversi massal, dan ubah semua nilai px di cuplikan CSS menjadi rem sekaligus.
- Konverter Warna Konversi warna antara HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, dan OKLCH secara gratis. Tempel kode, lihat warnanya, dan salin setiap format.
- Palet Warna dari Gambar Ekstrak palet warna dari gambar apa pun. Unggah foto dan dapatkan warna dominannya dalam kode HEX beserta porsinya, siap disalin atau diekspor.
- Pemilih Warna Pemilih warna online gratis. Pilih warna apa pun dan langsung salin kode HEX, RGB, HSL, HSV, dan CMYK-nya, lengkap dengan rasio kontras.
- Pencari Nama Warna Cari nama warna apa pun. Masukkan kode HEX atau RGB untuk mendapatkan 5 nama terdekat dari lebih dari 30.000 warna bernama, plus nama warna CSS.
- Pratinjau Kombinasi Font Coba kombinasi font untuk judul dan teks isi dengan 20 font berlisensi terbuka, atur ukuran dan tinggi baris, lalu salin kode CSS font-family.
- Simulator Buta Warna Simulator buta warna gratis. Lihat gambar apa pun dengan protanopia, deuteranopia, tritanopia, bentuk ringannya, atau akromatopsia, langsung di browser.