Конвертер Flutter / Compose в RGB

Вставте значення Flutter / Compose і одразу отримайте RGB. Будь-який інший формат теж підійде.

З Flutter / Compose

Розпізнано: код Flutter

Значення RGBrgb(255, 87, 51)

RGB в Flutter / Compose

Налаштувати колір

Тон11°

Непрозорість100%

Світлота68%

Хрома0,210

Тон34°

Усі інші формати

Приклади конвертації Flutter / Compose в RGB

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

Про формати Flutter / Compose і RGB

Flutter і Jetpack Compose записують колір одним 32-бітним числом ARGB, наприклад Color(0xFFFF5733). Дві hex-цифри після 0x — це альфа, FF означає повністю непрозорий.

RGB задає червоний, зелений і синій від 0 до 255. Він описує, як екран змішує світло, і в сучасному CSS пишеться як rgb(255 87 51).

Як працює конвертація

Ми зчитуємо значення Flutter / Compose, переводимо його в CIE XYZ за матрицями зі специфікації CSS Color 4, а потім у RGB. Якщо колір не вміщується в цільове охоплення, він підганяється за алгоритмом CSS Color 4: світлота і тон зберігаються, зменшується лише хрома.

Запитання і відповіді

Як конвертувати Flutter / Compose в RGB?

Вставте або введіть значення Flutter / Compose у поле вище. PickShade конвертує його за формулами CSS Color 4 просто під час введення, а RGB копіюється одним кліком.

Чи точна конвертація Flutter / Compose в RGB?

Обчислення точні, результат округлюється лише для показу і з такою кількістю знаків, щоб зворотна конвертація давала той самий колір. Якщо колір не вміщується в охоплення цільового формату, PickShade попередить і покаже найближчий відповідний колір.

Чи можна одразу отримати інші формати?

Так. Усі інші формати, зокрема OKLCH, Display P3, Tailwind, SwiftUI, Flutter і Android, наведені під результатом і копіюються одним кліком.

Конвертер безкоштовний?

Так. Безкоштовно, без реєстрації, усе обчислюється просто у вашому браузері.