דילוג לבוחר הצבעים

ממיר Flutter / Compose ל-RGBA

הדביקו ערך Flutter / Compose וקבלו RGBA מיד. גם כל פורמט אחר עובד.

זוהה: קוד Flutter

ערך RGBArgba(255, 87, 51, 1)
RGBA ל-Flutter / Compose

כוונון הצבע

11°
100%

68%
0.210
34°

כל שאר הפורמטים

טבלת אטימות: ערך אלפא ב־HEX וב־RGBA

ב־HEX בן 8 ספרות, שתי הספרות האחרונות קובעות את האטימות: FF אטום לגמרי, 80 בערך 50%, ו־00 שקוף לגמרי. הטבלה מציגה את צבע הדוגמה בקפיצות של 5%.

אטימותאלפא ב־HEXHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

דוגמאות המרה מ-Flutter / Compose ל-RGBA

צבעFlutter / ComposeRGBA
Color(0xFFFF0000)rgba(255, 0, 0, 1)
Color(0xFF00FF00)rgba(0, 255, 0, 1)
Color(0xFF0000FF)rgba(0, 0, 255, 1)
Color(0xFFFFFFFF)rgba(255, 255, 255, 1)
Color(0xFF000000)rgba(0, 0, 0, 1)
Color(0xFF808080)rgba(128, 128, 128, 1)
Color(0xFFFF5733)rgba(255, 87, 51, 1)
Color(0xFF3B82F6)rgba(59, 130, 246, 1)
Color(0xFF10B981)rgba(16, 185, 129, 1)
Color(0xFFF59E0B)rgba(245, 158, 11, 1)
Color(0xFF8B5CF6)rgba(139, 92, 246, 1)
Color(0xFFEC4899)rgba(236, 72, 153, 1)

על Flutter / Compose ו-RGBA

Flutter ו־Jetpack Compose כותבים צבע כמספר ARGB יחיד של 32 ביט, למשל Color(0xFFFF5733). שתי הספרות ההקסדצימליות אחרי 0x הן האלפא, ו־FF פירושו אטום לגמרי.

RGBA הוא RGB עם ערוץ אלפא לאטימות, ונכתב כך: rgba(255, 87, 51, 0.5). האלפא נע בין 0 (שקוף לגמרי) ל־1 (אטום לגמרי). את אותה אטימות אפשר לכתוב גם ב־HEX בן 8 ספרות, למשל #ff573380.

איך ההמרה עובדת

אנחנו קוראים את ערך ה-Flutter / Compose, ממירים אותו ל-CIE XYZ עם המטריצות מהמפרט CSS Color 4 ומשם ל-RGBA. ערכים שמחוץ לגמוט של היעד ממופים באלגוריתם של CSS Color 4, ששומר על הבהירות והגוון ומפחית את הכרומה.

שאלות ותשובות

איך ממירים Flutter / Compose ל-RGBA?

הדביקו או הקלידו ערך Flutter / Compose בשדה למעלה. PickShade ממיר אותו לפי הנוסחאות של CSS Color 4 תוך כדי הקלדה, ולחיצה אחת מעתיקה את ערך ה-RGBA.

האם ההמרה מ-Flutter / Compose ל-RGBA מדויקת?

החישוב מדויק, והתוצאה מעוגלת רק לתצוגה, עם מספיק ספרות כדי להמיר בחזרה לאותו צבע. אם הצבע לא נכנס לגמוט של היעד, PickShade מזהיר ומציג את הצבע הקרוב ביותר שנכנס.

אפשר לקבל פורמטים אחרים באותו זמן?

כן. כל שאר הפורמטים, כולל OKLCH, Display P3, Tailwind, SwiftUI, Flutter ו-Android, מופיעים מתחת לתוצאה ומועתקים בלחיצה אחת.

האם הממיר הזה חינמי?

כן. הוא חינמי, לא דורש הרשמה ורץ כולו בדפדפן שלכם.