Penganalisis Gradien CSS

Penganalisis Gradien CSS membantu pengembang dan desainer memahami dan mengekstrak komponen kode gradien CSS. Ketika Anda menempel URL gradien atau sintaks gradien CSS, alat ini menganalisis kode untuk mengidentifikasi jenis gradien (linier, radial, atau konik), parameter arah atau posisi, dan titik warna individual dengan posisi pastinya. Ini memudahkan untuk membongkar gradien yang ada dari sistem desain, framework, atau proyek aktif——apakah Anda ingin memahami cara kerja transisi warna, mengaudit kualitas gradien, atau menggunakan kembali pola gradien di seluruh basis kode Anda.

Cukup tempel kode gradien CSS Anda ke dalam bidang input dan klik analisis. Alat menampilkan pratinjau langsung gradien, memecah jenis dan arah gradien, dan mencantumkan semua titik warna dengan nilai heksadesimal atau nama warna serta posisi persentase mereka. Anda juga dapat melihat output CSS yang dianalisis, yang dapat Anda salin untuk digunakan dalam proyek Anda sendiri. Alat ini mendukung sintaks linear-gradient, radial-gradient, dan conic-gradient, termasuk varian berulang, dan secara otomatis menghitung posisi untuk titik warna yang tidak memiliki nilai eksplisit.