Penukar HEX ke RGB: Kod Warna, HSL, CMYK – Percuma
Percuma, tanpa daftar, berfungsi dalam penyemak imbas anda. Tukar HEX kepada RGB atau sebaliknya semasa menaip. Dapatkan HEX, RGB, HSL, HSV dan CMYK serentak, serta semak kebolehbacaan teks pada warna.
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
Kontras untuk teks
AA memerlukan 4.5:1 untuk teks biasa dan 3:1 untuk teks besar; AAA memerlukan 7:1. Kontras diukur pada warna pepejal.
Semuanya ditukar pada peranti anda.
Mengapa guna Penukar Warna HEX ke RGB
- 100% percuma
- Gunakan seberapa kerap yang anda mahu. Tanpa daftar, tanpa tera air, tiada apa perlu dipasang.
- Peribadi mengikut reka bentuk
- Apa yang anda taip kekal dalam penyemak imbas anda dan tidak pernah dihantar kepada kami.
- Berfungsi pada mana-mana peranti
- Berjalan dalam penyemak imbas anda pada Windows, Mac, Linux, Android dan iPhone. Tiada aplikasi diperlukan.
Cara guna Penukar Warna HEX ke RGB
- Tampal warna dalam Warna dalam mana-mana format, seperti #2F5BFF, rgb(47, 91, 255), hsl(227, 100%, 59%) atau cmyk(82%, 64%, 0%, 0%), atau guna Pilih sampel.
- Seret gelangsar Kelegapan jika anda perlukan ketelusan. HEX mendapat dua digit tambahan dan RGB menjadi rgba().
- Klik butang salin di sebelah HEX, RGB, HSL, HSV atau CMYK.
- Di bawah Kontras untuk teks, semak sama ada teks putih atau hitam mudah dibaca pada warna itu.
Soalan lazim
Bagaimana saya menukar HEX kepada RGB?
Bahagikan enam digit kepada tiga pasangan dan baca setiap pasangan sebagai nombor 0 hingga 255. Bagi #2F5BFF, 2F = 47, 5B = 91 dan FF = 255, jadi rgb(47, 91, 255). Alat ini melakukannya semasa anda menaip.
Bagaimana saya menukar RGB kepada HEX?
Tampal nilai RGB, seperti rgb(47, 91, 255) atau hanya 47, 91, 255, dan salin baris HEX. Setiap nombor 0 hingga 255 menjadi dua digit heksadesimal: 47 ialah 2F, 91 ialah 5B dan 255 ialah FF.
Bagaimana dengan kod HEX 8 digit?
Dua digit terakhir ialah kelegapan (alfa), daripada 00 (lutsinar) hingga FF (pepejal). #2F5BFF80 kira-kira 50% legap. Bentuk pendek seperti #abc dan #abcd turut berfungsi.
Apakah perbezaan antara HEX, RGB dan HSL?
Ketiga-tiganya menerangkan warna yang sama dengan cara berbeza. HEX dan RGB memberi jumlah merah, hijau dan biru (HEX dalam asas 16), manakala HSL memberi hue, ketepuan dan kecerahan, yang lebih mudah diselaraskan secara manual. Ketiga-tiganya berfungsi dalam CSS.
Apakah HSV, dan apa bezanya daripada HSL?
HSV (juga dipanggil HSB) menggunakan hue, ketepuan dan nilai, model yang digunakan oleh banyak aplikasi reka bentuk dalam pemilih warna mereka. Dalam HSL, kecerahan 100% sentiasa putih; dalam HSV, nilai 100% ialah versi warna yang paling cerah.
Mengapa nilai CMYK kelihatan berbeza apabila dicetak?
Penukaran skrin kepada cetakan bergantung pada pencetak, dakwat dan kertas. CMYK yang ditunjukkan di sini ialah penukaran matematik yang mudah; minta profil warna daripada pencetak anda untuk hasil yang tepat.
Apakah maksud nisbah kontras?
Ia mengukur sejauh mana teks putih atau hitam mudah dibaca pada warna itu. Garis panduan kebolehcapaian (WCAG) meminta sekurang-kurangnya 4.5:1 untuk teks biasa dan 3:1 untuk teks besar, serta 7:1 bagi tahap AAA yang lebih ketat.
Adakah apa-apa dihantar ke mana-mana?
Tidak. Penukaran berlaku pada peranti anda.
Adakah Penukar Warna HEX ke RGB percuma?
Ya. Ia percuma digunakan, tanpa daftar dan tiada apa perlu dipasang.
Panduan bantuan dan cara (dalam bahasa Inggeris)
- RGB vs CMYK: Screen vs Print Colors Explained (Free)RGB mixes light for screens; CMYK mixes ink for print. Why prints look duller than screens, how to convert colours, and a free HEX to RGB and CMYK converter.
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- CSS Gradient Text: background-clip Method (Free Generator)Make CSS gradient text with background-clip: text and a transparent fill. Copy a gradient from a free generator, add a solid fallback, check contrast.
- Color Picker From Image: Get the HEX Code FreeClick any spot in a photo, logo or screenshot to get its HEX and RGB code, free in your browser. Plus how to match a brand colour from a logo accurately.
Alat berkaitan
- Pencari Nama WarnaTampal kod HEX, RGB atau HSL untuk melihat nama warna CSS terdekat dengan penerangan ringkas. Semak 148 nama warna dan salin ke CSS anda.
- Penyemak Kontras WarnaSemak nisbah kontras WCAG antara warna teks dan latar, dengan keputusan lulus atau gagal untuk AA dan AAA. Jika gagal, klik warna terdekat yang lulus.
- Penjana Palet WarnaJana palet lima warna, kunci warna kegemaran, atau bina skema daripada warna asas anda. Lihat 11 tona setiap warna dan eksport ke CSS, Tailwind atau JSON.
- Penjana Kecerunan CSSReka kecerunan linear, jejari atau kon dengan 2 hingga 8 hentian warna. Lihat secara langsung, salin kod CSS atau muat turun sebagai PNG.