Laman utama / Alat Warna / Penukar Warna
Alat dalam talian percuma

Penukar Warna

Tukar nilai HEX, RGB, RGBA, HSL, HSLA dan HSV yang boleh diedit sambil mempratonton warna yang sama dan menyalin format yang diperlukan oleh kod atau sistem…

Mula gunakan

Apa yang alat ini bantu anda lakukan

Tukar nilai HEX, RGB, RGBA, HSL, HSLA dan HSV yang boleh diedit sambil mempratonton warna yang sama dan menyalin format yang diperlukan oleh kod atau sistem reka bentuk anda.

Contoh kerja

Input

#3B82F6

Hasil

rgb(59, 130, 246) · hsl(217, 91%, 60%)

Bagaimana hasil dihasilkan

RGB menyimpan keamatan saluran merah, hijau dan biru. HSL menerangkan hue, ketepuan dan kecerahan; HSV menggunakan nilai dan bukannya kecerahan. Penukaran mengekalkan warna yang diwakili, tertakluk kepada pembundaran dan had gamut.

Aliran kerja berguna

  • Terjemahkan warna fail reka bentuk ke dalam CSS
  • Cipta varian HSL yang boleh diedit daripada nilai HEX jenama
  • Sahkan nilai alpha sebelum menggunakan hamparan

Had penting

  • HEX tanpa saluran alpha adalah legap sepenuhnya.
  • Penukaran berulang boleh menukar digit terakhir kerana saluran dibundarkan.
  • Nilai berangka yang setara boleh kelihatan berbeza pada paparan yang tidak ditentukur.

Soalan lazim

Adakah warna HEX dan RGB berbeza?

Ia adalah dua notasi untuk model saluran RGB yang sama; #3B82F6 dan rgb(59,130,246) mewakili warna yang sama.

Adakah menukar warna meningkatkan kontras?

Tidak. Penukaran mengubah notasi, bukan kontras. Uji pasangan latar depan dan latar belakang yang sebenar.

Pemprosesan dilakukan secara setempat dalam pelayar anda.