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

ממיר HEX ל-OKLab

הדביקו ערך HEX וקבלו OKLab מיד. גם כל פורמט אחר עובד.

זוהה: HEX

ערך OKLaboklab(68.036% 0.17474 0.1165)
OKLab ל-HEX

כוונון הצבע

11°
100%

68%
0.210
34°

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

דוגמאות המרה מ-HEX ל-OKLab

צבעHEXOKLab
#ff0000oklab(62.796% 0.22486 0.12585)
#00ff00oklab(86.644% -0.23389 0.1795)
#0000ffoklab(45.201% -0.03246 -0.31153)
#ffffffoklab(100% 0 0)
#000000oklab(0% 0 0)
#808080oklab(59.987% 0 0)
#ff5733oklab(68.036% 0.17474 0.1165)
#3b82f6oklab(62.308% -0.03325 -0.18505)
#10b981oklab(69.587% -0.14216 0.04488)
#f59e0boklab(76.859% 0.0561 0.15481)
#8b5cf6oklab(60.563% 0.08454 -0.20193)
#ec4899oklab(65.592% 0.21073 -0.021)

על HEX ו-OKLab

HEX כותב את האדום, הירוק והכחול כשתי ספרות הקסדצימליות לכל אחד, למשל #ff5733. זו הדרך הנפוצה ביותר לכתוב צבעים ברשת ובכלי עיצוב.

OKLab הוא מרחב צבע תפיסתי מודרני משנת 2020. צעדים שווים נראים שווים לעין, ולכן גרדיאנטים וערבובים נקיים יותר מאשר ב-RGB או ב-HSL.

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

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

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

איך ממירים HEX ל-OKLab?

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

האם ההמרה מ-HEX ל-OKLab מדויקת?

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

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

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

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

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