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

ממיר OKLCH ל-Flutter / Compose

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

זוהה: OKLCH

ערך Flutter / ComposeColor(0xFFFF5733)
Flutter / Compose ל-OKLCH

כוונון הצבע

11°
100%

68%
0.210
34°

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

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

צבעOKLCHFlutter / Compose
oklch(62.796% 0.25768 29.234)Color(0xFFFF0000)
oklch(86.644% 0.29483 142.495)Color(0xFF00FF00)
oklch(45.201% 0.31321 264.052)Color(0xFF0000FF)
oklch(100% 0 0)Color(0xFFFFFFFF)
oklch(0% 0 0)Color(0xFF000000)
oklch(59.987% 0 0)Color(0xFF808080)
oklch(68.036% 0.21001 33.692)Color(0xFFFF5733)
oklch(62.308% 0.18801 259.815)Color(0xFF3B82F6)
oklch(69.587% 0.14907 162.48)Color(0xFF10B981)
oklch(76.859% 0.16466 70.08)Color(0xFFF59E0B)
oklch(60.563% 0.21892 292.717)Color(0xFF8B5CF6)
oklch(65.592% 0.21177 354.308)Color(0xFFEC4899)

על OKLCH ו-Flutter / Compose

OKLCH הוא OKLab בצורה קוטבית: בהירות, כרומה וגוון. Tailwind CSS v4 משתמש בו לכל הפלטה שלו, כי שינוי הבהירות שומר על גוון יציב.

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

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

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

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

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

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

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

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

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

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

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

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