Konverter RGB dhateng HEX

Konversi RGB dhateng HEX nalika panjenengan ngetik — gratis, instan, mawi tuladha lan bagan werna umum.

Tuladha cara ngetang

RGB 255, 87, 51 = HEX #ff5733

255 → ff · 87 → 57 · 51 → 33

Kadospundi caranipun konversi lumaku

  • Kode HEX punika tigang saluran RGB ingkang sami nanging dipunserat ing basis-16: kalih digit saben saluran, saking 00 (0) ngantos ff (255).

Werna umum ing RGB lan HEX

WernaRGBHEX
Abrit255, 0, 0#ff0000
Oranye255, 165, 0#ffa500
Jenar255, 255, 0#ffff00
Ijem0, 128, 0#008000
Sian0, 255, 255#00ffff
Biru0, 0, 255#0000ff
Ungu128, 0, 128#800080
Kembang Setaman255, 192, 203#ffc0cb
Soklat165, 42, 42#a52a2a
Petak255, 255, 255#ffffff
Klawu128, 128, 128#808080
Cemeng0, 0, 0#000000

Saben konversi dipunproses wonten ing browser panjenengan. Boten wonten data ingkang dipununggah dhateng BroBroGo.

Pitakenan Umum (FAQ)

Kadospundi caranipun ngonversi RGB dhateng HEX?

Ketik utawi tempelaken nilai RGB panjenengan ing nginggil — nilai HEX badhe langsung nganyari nalika panjenengan ngetik. Panjenengan ugi saged milih werna kanthi visual ngginakaken kothak werna.

Menapa konversinipun saged pas?

Nggih — HEX lan RGB punika nggadhahi tigang saluran ingkang sami nanging dipunserat kanthi cara ingkang beda, saengga konversi ing antawisipun saged pas ing kalih arah.

Babagan Konversi RGB dadi Hex

Piranti iki ngowahi warna sing dituduhake nganggo angka desimal red, green, blue (saben antara 0 tekan 255) dadi kode heksadesimal enem digit (kayata #1E90FF). Sampeyan mung kudu ngetik telung angka, dipisah nganggo tandha koma utawa spasi, lan kode hex langsung katon. Werna kasil konversi uga ditampilake ing swatch warna, lan kabeh format warna liyane (HSL, HSV, CMYK, LAB, lan pemilih warna) langsung dianyari. Ora ana tombol "konversi", amarga saben owahan ing salah sawijining kolom langsung nggawe kabeh lapangan liyane ngetung maneh.

Apa sing ndadekake kaca iki beda? Konversi saka RGB dadi hex iku langsung lan pas. Loro format kasebut nggunakake ruang warna sing padha, yaiku sRGB (standard RGB) sing uga digunakake dening umume tampilan komputer. Dadi ora ana panjepretan gamut utawa panyusutan informasi. Hex output tansah diwiwiti nganggo # lan, yen ora nggunakake wangun wolung digit kanthi alpha, ora nggawa saluran transparansi. Input RGB sampeyan, contone 79, 70, 229, langsung ngasilake #4F46E5. Saben nomer 0–255 ing RGB dadi pasangan heksadesimal rong digit.

Cara Kerja Piranti Iki

Piranti iki mlaku langsung ing browser sampeyan. Ora ana data sing dikirim menyang server – kabeh pangolahan dumadi ing bumbung komputer sampeyan. Sampeyan mung ngetik angka ing kolom input RGB, contone:

79, 70, 229

utawa

79 70 229

Ban ana pandelengan – kode hex katon ing kolom #4F46E5, swatch warna nuduhake biru-ungu, lan kolom HSL nuduhake hue 242°, saturation 76%, lightness 59%. Yen sampeyan ngganti salah sijine nomer, contone ngganti 70 dadi 0, hex dadi #4F00E5, warna malih dadi ungu padhang.

Kolom hex uga bisa digunakake minangka input. Sampeyan bisa ngetik kode hex langsung, kayata #1E90FF, lan piranti iki bakal ngowahi bali menyang RGB (30, 144, 255) lan format liyane. Yen sampeyan ngetik shorthand telung digit kaya #abc, piranti iki ngembangake dadi #AABBCC sacara internal. Nanging nalika output hex, piranti tansah nuduhake enem digit – ora ngremuk dadi telung digit sanajan bisa ditulis ing wangun singkat. Mula #AABBCC tetep diwenehi minangka #AABBCC, dudu #ABC.

Kabeh lapangan format warna (RGB, hex, HSL, HSV, CMYK, LAB) dianyari bebarengan. Yen sampeyan ngganti angka ing salah sawijining kolom, owah-owahan kasebut langsung mengaruhi liyane. Iki migunani banget yen sampeyan kudu ngecek konsistensi warna ing macem-macem representasi.

Matematika Konversi: Nomer Desimal dadi Heksadesimal

Konversi saka RGB (desimal) dadi hex adhedhasar sistem nomer basis-16. Saben saluran warna saka 0 nganti 255 diowahi dadi rong digit heksadesimal. Carane: dibagi angka desimal karo 16. Hasil bagi (bilangan bulat) dadi digit pertama, lan sisa bagi (remainder) dadi digit kapindho. Saben digit heksadesimal nggunakake lambang: 0–9 kanggo angka 0–9, lan A–F kanggo angka 10–15.

Conto: angka desimal 255. 255 ÷ 16 = 15 (sisa 15). 15 ing hex yaiku F, sisa 15 yaiku F. Dadi FF. Angka 0: 0 ÷ 16 = 0 sisa 0, dadi 00. Angka 128: 128 ÷ 16 = 8 sisa 0, dadi 80.

Kanggo warna RGB (79, 70, 229), konversi saben saluran:

  • Abang: 79 ÷ 16 = 4 sisa 15 (4 → 4, 15 → F) → 4F
  • Ijo: 70 ÷ 16 = 4 sisa 6 → 46
  • Biru: 229 ÷ 16 = 14 sisa 5 (14 → E, 5 → 5) → E5

Gabung: #4F46E5.

Tabel ing ngisor iki nuduhake konversi sawetara conto:

RGB (desimal) Hex Werna (deskripsi)
255, 255, 255 #FFFFFF putih
0, 0, 0 #000000 ireng
79, 70, 229 #4F46E5 biru-ungu
255, 0, 0 #FF0000 abang padhang
173, 216, 230 #ADD8E6 biru cahya

Saben saluran 0–255 mbutuhake rong digit hex amarga 16 × 16 = 256, sing nutupi kabeh kemungkinan. Mula hex tansah enem digit kanggo warna RGB tanpa alpha.

Manawa Input Luwih saka 0-255 utawa Format Salah

Ora kabeh input ditampa. Piranti iki nduweni aturan: sampeyan kudu ngetik telung angka, saben antara 0 lan 255, dipisah karo koma utawa spasi. Yen sampeyan nyoba ngetik angka njaba jangkauan (kayata 300), utawa nggunakake format sing ora bener (kayata mung siji angka), piranti bakal nuduhake pesen kesalahan:

"Ketik RGB minangka telung angka 0–255, kayata 79, 70, 229."

Pesen iki uga katon yen sampeyan ngetik, contone, 79,70 (kurang siji), utawa 79,70,229,100 (papat angka), utawa abc. Sanajan sampeyan ngetik angka desimal (kayata 79.5), ora ditampa amarga RGB mung nampa bilangan bulat. Amarga konversi antarane RGB lan hex ing ruang sRGB iku eksak, ora ana panyesuaian yen input bener. Nanging yen salah, dheweke ora bakal nampa.

Sapa sing Mbutuhake Piranti Iki?

  • Pangembang front-end sing nulis CSS utawa inline styles mbutuhake kode hex kanggo warna latar mburi, teks, garis pinggir, lsp. Asring desainer menehi spesifikasi RGB, nanging CSS luwih umum nggunakake hex.
  • Desainer UI/UX sing nampa warna saka piranti lunak gambar (Photoshop, GIMP) minangka nilai RGB, banjur kudu ngowahi menyang hex kanggo handoff desain menyang pangembang.
  • Desainer grafis web sing nggarap aset digital pengin njamin konsistensi warna antarane prototipe RGB lan implementasi hex final.
  • Mahasiswa utawa hobi sing sinau babagan warna digital, sistem nomer, lan hubungan antarane desimal lan heksadesimal.
  • Sapa wae sing nggunakake data pemilih warna sing ngasilake RGB (saka alat dev browser, piranti lunak desain) lan butuh kode hex kanggo stylesheet.

Panggunaan Hex ing CSS lan Desain Web

Ing CSS, warna hex paling asring digunakake ing properti kaya color lan background-color. Contoh:

.color-example {
  color: #4F46E5;
  background-color: #ADD8E6;
}

Shorthand telung digit, kayata #F00 kanggo #FF0000, bisa digunakake ing CSS, nanging piranti iki ora ngasilake warta sing dipadhetke. Nanging yen sampeyan ngetik #abc ing kolom hex input, piranti bakal ngembangake dadi #AABBCC supaya kabeh format liyane bener.

Ing CSS modern, wangun wolung digit (kayata #4F46E580) kalebu saluran alpha (transparansi). Piranti iki ora ngasilake wolu digit, nanging yen sampeyan butuh alpha, sampeyan bisa nambahake dhewe adhedhasar nilai hex enem digit.

Ora kabeh warna ing RGB bisa dicithak kanthi akurat ing media cetak amarga prabédan antarané warna aditif (layar) lan warna substractif (tinta). Nanging kanggo tampilan digital, RGB lan hex sarujuk persis. Mula piranti iki migunani banget kanggo desain web lan layar.

FAQ

1. Kenapa kode hex tansah enem digit, dudu telung digit? Amarga piranti iki ngowahi saben saluran saka 0–255 dadi rong digit heksadesimal. Ora mungkin digabung dadi siji digit saben saluran amarga nilai 0–255 mbutuhake jangkauan 00–FF. Shorthand telung digit mung bisa digunakake kanggo warna sing pasangan digit padha (kayata #AABBCC → #ABC), nanging ora kabeh warna nduweni sifat kuwi.

2. Apa sing bakal kedadeyan yen aku ngetik angka desimal kaya 79.5? Piranti ora nampa angka pecahan. Sampeyan mung kudu ngetik bilangan bulat 0–255. Yen nyoba, bakal muncul pesen kesalahan.

3. Bisa nggunakake piranti iki kanggo konversi warna saka HSL menyang hex? Piranti iki duwe kolom HSL sing bisa diowahi. Yen sampeyan ngetik nilai HSL, otomatis kabeh format liyane (termasuk hex) dianyari. Dadi sampeyan bisa nggunakake kolom HSL minangka input kanggo entuk hex.

4. Apa kode hex output ana bedane karo warna asli RGB? Ora, amarga loro-lorone nggunakake ruang warna sRGB. Konversi iki éksak lan bisa dibalèkaké. Yèn sampeyan ngowahi RGB dadi hex banjur bali menyang RGB, sampeyan bakal entuk nomer sing padha.

5. Bisa ngowahi warna persis kaya sing katon ing layar? Werna sing katon ing layar gumantung saka kalibrasi monitor lan profil warna. Nanging angka RGB lan hex sing diwilang bakal ngasilake warna sing padha ing sistem sing nggunakake sRGB. Piranti iki kasil ngitung, nanging tampilan fisik bisa beda tipis ing piranti liya.

6. Apa piranti iki ngirim data menyang server? Ora. Kabeh pangolahan dumadi ing browser sampeyan. Ora ana data sing dikirim utawa disimpen ing papan liya. Sampeyan uga bisa nggunakake tanpa sambungan internet sawise kaca dimuat.