Langsung ke pemilih warna

Konverter RGB ke Flutter / Compose

Tempel nilai RGB, langsung dapat Flutter / Compose. Format lain juga bisa.

Dibaca sebagai RGB

Nilai Flutter / ComposeColor(0xFFFF5733)
Flutter / Compose ke RGB

Sesuaikan warna

11°
100%

68%
0,210
34°

Semua format lain

Contoh RGB ke Flutter / Compose

WarnaRGBFlutter / Compose
rgb(255, 0, 0)Color(0xFFFF0000)
rgb(0, 255, 0)Color(0xFF00FF00)
rgb(0, 0, 255)Color(0xFF0000FF)
rgb(255, 255, 255)Color(0xFFFFFFFF)
rgb(0, 0, 0)Color(0xFF000000)
rgb(128, 128, 128)Color(0xFF808080)
rgb(255, 87, 51)Color(0xFFFF5733)
rgb(59, 130, 246)Color(0xFF3B82F6)
rgb(16, 185, 129)Color(0xFF10B981)
rgb(245, 158, 11)Color(0xFFF59E0B)
rgb(139, 92, 246)Color(0xFF8B5CF6)
rgb(236, 72, 153)Color(0xFFEC4899)

Tentang RGB dan Flutter / Compose

RGB mengatur merah, hijau, dan biru dari 0 sampai 255. Format ini menggambarkan cara layar mencampur cahaya dan ditulis sebagai rgb(255 87 51) di CSS modern.

Flutter dan Jetpack Compose menulis warna sebagai satu angka ARGB 32 bit, misalnya Color(0xFFFF5733). Dua digit hex setelah 0x adalah alpha, dan FF berarti buram penuh.

Cara kerja konversinya

Kami membaca nilai RGB, mengubahnya ke CIE XYZ dengan matriks dari spesifikasi CSS Color 4, lalu ke Flutter / Compose. Nilai di luar gamut tujuan dipetakan dengan algoritma CSS Color 4, yang mempertahankan kecerahan dan rona serta menurunkan kroma.

Tanya jawab

Bagaimana cara mengonversi RGB ke Flutter / Compose?

Tempel atau ketik nilai RGB di kolom di atas. PickShade mengonversinya dengan rumus CSS Color 4 saat Anda mengetik, dan sekali klik menyalin nilai Flutter / Compose.

Apakah konversi RGB ke Flutter / Compose ini akurat?

Perhitungannya akurat, dan hasilnya hanya dibulatkan untuk tampilan, dengan digit yang cukup untuk dikonversi balik ke warna yang sama. Jika warna tidak muat di gamut tujuan, PickShade memberi peringatan dan menampilkan warna terdekat yang muat.

Bisakah saya mendapatkan format lain sekaligus?

Bisa. Semua format lain, termasuk OKLCH, Display P3, Tailwind, SwiftUI, Flutter, dan Android, tercantum di bawah hasil dan bisa disalin dengan sekali klik.

Apakah konverter ini gratis?

Ya. Gratis, tanpa daftar, dan sepenuhnya berjalan di browser Anda.