Langkau ke kandungan utama
Uddatak

Penukar PX ke REM

Masukkan nilai piksel untuk menukarnya kepada rem (atau sebaliknya), berdasarkan saiz fon root anda sendiri — pengiraan yang diperlukan oleh setiap pembangun bahagian hadapan apabila bekerja dengan unit CSS yang boleh diskala dan mesra aksesibiliti.

Alat Reka Bentuk dan CSS Berjalan sepenuhnya dalam pelayar anda

Semua pengiraan dilakukan pada peranti anda — tiada apa-apa dihantar ke pelayan.

px

16

rem

1

em

1

Teruskan dengan

Sepenuhnya tempatan

Penjana Gradien CSS

Bina gradien CSS linear atau radial secara visual dan salin kodnya.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Box Shadow CSS

Reka bayang-bayang box-shadow CSS secara visual menggunakan slider dan salin kod yang dijana.

Alat Reka Bentuk dan CSSBuka alat

Alat berkaitan

Sepenuhnya tempatan

Pengekstrak Palet Warna

Ekstrak warna paling dominan daripada mana-mana imej, lengkap dengan kod HEX, RGB, dan CSS

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Tangkapan Skrin Kod

Tampal kod dan tukarkannya menjadi imej kemas dengan latar belakang gradien dan bar tajuk, sedia dikongsi

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Simulator Buta Warna

Lihat bagaimana imej anda kelihatan kepada seseorang yang mengalami buta warna (protanopia, deuteranopia, tritanopia, atau akromatopsia)

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Clip-Path CSS

Pilih bentuk sedia ada (bulatan, segi tiga, bintang, gelembung mesej...) dan salin kod CSS clip-path.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Easing Cubic Bezier

Seret dua titik untuk mereka lengkung easing gerakan tersuai secara visual dan salin kod cubic-bezier.

Alat Reka Bentuk dan CSSBuka alat

Ingin mencuba Uddatak?

Layari perpustakaan alat yang lengkap dan mula gunakan apa yang anda perlukan sekarang — percuma, tanpa pendaftaran.

Lihat semua alat