e-GuruPanduan SistemGuru.My Buka App

Cara guna Penukar Kod Warna

Tukar kod warna HEX, RGB, HSL dan CMYK antara satu sama lain, salin format yang diperlukan dan ambil palet 8 warna utama daripada logo atau poster sekolah untuk reka bentuk yang seragam.

Sebelum anda mula

Tiada persediaan diperlukan — sediakan kod warna, atau gambar logo/poster jika mahu mengambil palet.

  1. Pilihan
    Tiada modul perlu disiapkanAlat ini berdiri sendiri — tidak membaca Jadual Waktu, Senarai Murid atau data lain. Boleh dibuka tanpa log masuk.
  2. Wajib
    Pelayar terkiniChrome, Edge, Safari atau Firefox versi semasa (komputer atau telefon). Pemprosesan berlaku pada peranti anda — fail dan teks anda tidak dimuat naik ke mana-mana.
Contoh dalam panduan ini. Gambar dirakam daripada app sebenar dengan data dan fail contoh rekaan.

Apa yang berbeza ikut pelan

Tiada. Alat ini sama sepenuhnya bagi Tetamu, Percuma, Pro dan Ultra — tiada had penggunaan, tiada tera air dan tiada data dihantar ke pelayan.

Semua pelanLangkah demi langkah

Sama bagi semua pengguna yang mempunyai akses.

Nombor merah pada setiap gambar sepadan dengan senarai di bawahnya. Klik atau ketik gambar untuk melihatnya dalam saiz penuh.

  1. Langkah 1 Buka tool

    Di menu kiri tekan Tools (telefon: Tools pada bar bawah), buka lipatan Fail & Penukar › Penukar Imej & Cetakan dan ketik kad tool. Pautan terus: sistemguru.my/#tools-kod-warna. Butang Panduan di atas tool membuka halaman ini.

    Alat ini percuma dan boleh dibuka tanpa log masuk (Tetamu). Gambar diproses dalam pelayar — tiada fail dihantar ke pelayan SistemGuru.My.

    Penukar Kod Warna: kotak kod warna, pemilih warna, jalur sampel, jadual HEX/RGB/HSL/CMYK dan zon palet daripada gambar.
    1. Panduan — halaman ini.
    2. Kotak Kod warna.
    3. Jadual empat format.
    4. Palet daripada gambar.

  2. Langkah 2 Taip atau pilih warna

    Taip kod di kotak Kod warna (HEX, RGB, HSL, CMYK atau nama) dalam apa-apa format: #047857, 047857, rgb(4,120,87), 4 120 87, hsl(163,94%,24%), cmyk(97,0,28,53) atau nama warna Inggeris seperti navy.

    Atau tekan petak Pilih untuk memilih warna dengan roda warna. Jalur sampel di bawah menunjukkan warna semasa.

    Kotak kod warna berisi rgb(3, 105, 161), pemilih warna dan jalur sampel biru.
    1. Taip kod dalam apa-apa format.
    2. Pilih — roda warna.
    3. Sampel warna.

  3. Langkah 3 Salin format yang diperlukan

    Jadual menunjukkan warna yang sama dalam HEX (Canva, laman web), RGB (Word, PowerPoint), HSL dan CMYK (anggaran cetak) (kedai cetak). Tekan Salin pada baris yang diperlukan.

    Di bawah jadual, cadangan warna teks (hitam atau putih) membantu anda memilih teks yang mudah dibaca di atas warna ini.

    Jadual HEX #0369A1, RGB, HSL dan CMYK dengan butang Salin dan cadangan teks putih.
    1. HEX.
    2. RGB.
    3. CMYK — anggaran cetak.
    4. Salin.
    5. Cadangan warna teks.

  4. Langkah 4 Ambil palet daripada logo atau poster

    Di bahagian bawah, tekan zon Pilih gambar untuk palet dan pilih logo sekolah, poster atau gambar. Sehingga 8 warna utama dipaparkan, disusun dari yang paling banyak dalam gambar (halakan tetikus untuk melihat peratus).

    Zon pilih gambar untuk palet dan lapan butang warna utama daripada gambar rumah.
    1. Zon Pilih gambar untuk palet.
    2. Warna paling dominan.
    3. Palet 8 warna utama.

  5. Langkah 5 Tekan warna palet untuk menukarnya

    Tekan mana-mana butang palet — kod HEX dimasukkan ke kotak Kod warna dan jadual dikemas kini. Salin kod tersebut untuk digunakan dalam semua bahan program supaya warna seragam dengan logo.

    Warna jingga daripada palet dipilih: kotak kod, sampel dan jadual dikemas kini.
    1. Kod HEX daripada palet.
    2. Sampel dikemas kini.
    3. Format baharu sedia disalin.

Maklumat penting

Betul vs Salah

Berdasarkan cara sebenar app berfungsi.

Betul

Gunakan kod HEX logo yang sama untuk semua bahan program.

Salah

Meneka warna dengan mata.

Sebab: Warna seragam kelihatan profesional dan mudah dikenal.

Betul

Ikut cadangan warna teks hitam/putih.

Salah

Teks kuning di atas latar putih.

Sebab: Kontras rendah sukar dibaca, terutama dari jauh.

Soalan lazim

Apakah HEX?

Kod warna enam digit perenambelasan untuk web dan Canva, cth #047857.

Kenapa warna CMYK di kedai cetak berbeza?

Penukaran RGB ke CMYK bergantung pada profil mesin cetak. Kod di sini ialah anggaran umum.

Boleh taip nama warna Bahasa Melayu?

Belum — gunakan nama warna Inggeris (CSS) seperti red, navy, gold.

Adakah alat ini percuma?

Ya — percuma sepenuhnya untuk Tetamu, Percuma, Pro dan Ultra, tanpa had penggunaan dan tanpa tera air.

Tool berkaitan

Buka Penukar Kod Warna