Konverter Warna

Konversi warna apa pun antara HEX, RGB, HSL, HSV, OKLCH, dan CMYK

File tidak meninggalkan perangkat Anda
Berjalan di browser
Gratis, tanpa daftar, tanpa watermark

#FF8000oklch(73.19% 0.1858 52.98)

Paste or type any color

Open color picker

Opacity: 100%

Nearest CSS name

darkorangeΔE 3.9

Formats

Modern CSS syntax

HEX

RGB

HSL

HSV / HSB

HWB

OKLCH

OKLab

CIE Lab

CIE LCH

CMYK

Display P3

Lab and LCH use the D50 white point, the same as CSS lab() and lch(). CMYK here is a plain formula without an ICC profile. Ask your printer for exact values.

Tints & shades

Click a swatch to copy its HEX. Mixed with white and black in OKLab, so steps look even.

Cara memakai Konverter Warna

Konversi warna antara HEX, RGB, HSL, HSV, HWB, OKLCH, OKLab, CIE Lab, CIE LCH, CMYK, dan Display P3. Edit format mana pun dan yang lain mengikuti, dengan nama warna CSS terdekat serta strip tint dan shade.

1
Ketik atau tempel warna ke Tempel atau ketik warna apa pun, seperti #ff8000, rgb(255 128 0), oklch(70% 0.19 50), atau tomato.
2
Atau gunakan Buka pemilih warna, Pilih dari layar, atau Warna acak untuk mulai dari contoh warna.
3
Baca atau edit nilai di Format; mengubah kotak mana pun memperbarui semua yang lain.
4
Atur penggeser Opasitas untuk transparansi, dan nyalakan Sintaksis CSS modern untuk nilai yang dipisahkan spasi seperti rgb(255 128 0 / 50%).
5
Klik ikon salin di samping format, atau klik contoh warna di Tint & shade untuk menyalin HEX-nya.

Pertanyaan umum

Mengapa dikatakan warna berada di luar sRGB?

OKLCH, Lab, dan Display P3 bisa menggambarkan warna yang tidak bisa ditampilkan kebanyakan layar. Format HEX, RGB, HSL, dan sRGB lain lalu menampilkan warna terdekat yang bisa ditampilkan, dipetakan dengan cara CSS agar kecerahan dan rona tetap, dan catatan memberi tahu apa yang akan dihasilkan pemotongan naif.

Apakah nilai CMYK akurat untuk cetak?

Tidak. CMYK di sini adalah rumus polos tanpa profil ICC. Minta nilai persis kepada percetakan untuk mesin cetak dan kertas mereka.

Titik putih mana yang dipakai Lab dan LCH?

D50, sama seperti CSS lab() dan lch(), jadi nilai bisa ditempel langsung ke stylesheet.

Mengapa saya tidak melihat tombol Pilih dari layar?

Tombol itu memakai EyeDropper API browser, yang disediakan browser berbasis Chromium seperti Chrome dan Edge. Jika tidak tersedia, tombol disembunyikan; gunakan pemilih warna atau tempel nilai.

Apakah alat ini menyimpan sesuatu?

Warna terakhir dan pengaturan Sintaksis CSS modern disimpan di penyimpanan lokal browser agar ada lain kali. Tidak ada yang dikirim ke server.