ColorDojo: Alat Eyedropper & Pemilih Warna

Ekstensi eyedropper dan pemilih warna: ambil warna layar secara privat, salin OKLCH, cocokkan Tailwind v4, cek kontras.

ColorDojo adalah ekstensi eyedropper dan pemilih warna privat untuk developer yang butuh OKLCH, padanan Tailwind, dan pemeriksa kontras tanpa akses permanen ke semua situs. Ambil satu piksel, salin nilainya, lanjut bekerja. AMBIL SEKALI, SALIN DALAM FORMAT ANDA Pilih piksel mana pun di layar dengan eyedropper bawaan Chromium. ColorDojo menampilkan hex, RGB, HSL, HSV, OKLCH, dan Display P3, plus warna bernama CSS terdekat, lalu menyalin format default Anda secara otomatis saat salin-otomatis aktif. Sebagai pemilih warna rgba, kanal alfa warna yang ditempel dan diimpor tetap terjaga: hex 8 digit atau rgb() dengan alfa, dalam sintaks modern bergaris miring atau lama berkoma. Pintasan Alt+P menaruh pengambilan warna di keyboard, dan badge toolbar berubah menjadi titik berwarna hasil ambilan terakhir. ATUR KANAL SEBELUM DIPAKAI Warnanya hampir pas? Tab Edit adalah pemilih warna HSL dengan slider: atur kanal RGB, HSL, atau HSV, pantau perbandingan "Selected vs new" sambil menggeser, lalu terapkan. Format, token Tailwind, dan pemeriksaan kontras mengikuti warna yang diterapkan. EYEDROPPER UNTUK MAC, WINDOWS, DAN LINUX Eyedropper bawaan Chrome menangani pengambilan dari layar di lingkungan yang didukung Chromium. Jika tidak tersedia, lup dalam-halaman mengambil alih: pembesar 16x yang mencuplik satu piksel, merata-rata blok 3x3, 5x5, 11x11, atau 25x25, atau merata-rata area yang Anda seret. Lup hanya berjalan di halaman aktif dan hanya setelah klik Anda. TETAP DI DALAM DESIGN SYSTEM Setiap ambilan dibandingkan secara lokal dengan palet Tailwind CSS v4 bawaan. ColorDojo menampilkan token terdekat, delta perseptual, swatch berpasangan, dan aksi salin untuk bentuk `blue-600` maupun `var(--color-blue-600)`. Itu separuh pemilih warna Tailwind; ekstraksi tema menambahkan generator warna Tailwind yang menulis blok @theme lengkap dari halaman yang sedang dibuka. PERIKSA KONTRAS SEBELUM AUDIT Pemeriksa kontras WCAG bawaan menampilkan rasio terhadap putih dan hitam begitu warna diambil. Pasangkan warna aktif dengan warna riwayat untuk pemeriksaan WCAG 2.2 AA, teks besar, dan AAA, APCA Lc sebagai acuan, serta saran lightness terdekat saat teks normal gagal AA. EKSTRAK WARNA YANG BENAR-BENAR DIPAKAI HALAMAN Jalankan ekstraksi tema hanya di halaman aktif. ColorDojo menggabungkan custom property CSS yang dapat diakses dengan sampel computed style, mengelompokkan warna nyaris duplikat menjadi palet OKLCH, lalu mengekspor variabel CSS, blok @theme Tailwind v4, JSON W3C Design Tokens dengan komponen OKLCH, atau daftar polos dalam format pilihan Anda. KONVERSI HEX KE OKLCH TANPA TAB TAMBAHAN Tempel #ef4444, hsl(0 84% 60%), cmyk(0 72 72 6), atau oklch(60% 0.2 30) ke importer palet dan salin kembali setiap entri dalam format yang dibutuhkan: hex ke OKLCH, OKLCH ke hex, atau HSL ke OKLCH, offline, di dalam popup. TANPA PIPELINE DATA PENJELAJAHAN ColorDojo tidak punya izin host semua-situs dan tidak punya content script permanen. Inspeksi dan ekstraksi memakai izin activeTab sementara dari Chrome hanya setelah klik Anda. Ekstensi ini nol permintaan jaringan saat berjalan; riwayat dan palet tersimpan di penyimpanan Chrome. Lain kali ada piksel yang menarik perhatian, tekan Alt+P dan bawa warnanya langsung ke kode Anda.