Semua Alat

Campur 2 hingga 5 warna dengan mode RGB, HSL, atau LAB. Atur rasio, lihat pratinjau gradien, klik tahap campuran, dan salin hasilnya dalam HEX, RGB, dan HSL.

Telusuri, cari, dan salin semua 242 nilai warna Tailwind CSS dari 22 keluarga warna. Akses cepat nama class, HEX, RGB, dan HSL lengkap dengan favorit dan ekspor CSS.

Buat warna acak secara instan dengan batasan yang bisa diatur. Pilih preset seperti pastel, vivid, atau neon, atau atur sendiri rentang hue, saturation, dan lightness.

Pilih warna dasar pada roda HSL interaktif dan langsung lihat skema yang harmonis — komplementer, analog, triadik, dan lainnya — lalu salin nilai HEX apa pun dengan satu klik.

Konversi warna antara HEX, RGB, HSL, HSV, dan CMYK secara langsung, dengan pratinjau real-time, pemilih warna visual, dan salin sekali klik untuk setiap format.

Periksa rasio kontras antara warna teks dan latar, lalu langsung lihat apakah pasangan warna lolos standar aksesibilitas WCAG AA dan AAA.

Lihat tampilan gambar dan warna Anda di mata penderita buta warna. Uji Deuteranopia, Protanopia, Tritanopia, dan Achromatopsia langsung di peramban.

Ambil warna dominan dari gambar apa pun secara instan. Pilih warna langsung dari foto, dapatkan nilai HEX, RGB, dan HSL, lalu ekspor palet untuk proyek desain Anda.

Buat warna terang, gelap, dan redup dari satu warna dasar. Susun gradasi warna yang konsisten untuk design system, atur tingkatannya, lalu ekspor ke CSS, SCSS, Tailwind, atau JSON.

Jumlahkan, kurangi, kalikan, dan bagi bilangan kompleks dengan hasil dalam bentuk kartesius, polar, dan eksponensial lengkap dengan diagram Argand.

Hitung operasi vektor 2D dan 3D: perkalian dot, perkalian cross, besar vektor, vektor satuan, sudut antara dua vektor, dan proyeksi — lengkap dengan langkahnya.

Lakukan operasi aritmetika dan bitwise langsung pada bilangan biner, oktal, dan heksadesimal, dengan hasil ditampilkan dalam keempat basis sekaligus.