ממיר HEX ל-Display P3

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

מ-HEX

ערך Display P3color(display-p3 0.92577 0.38907 0.25797)

Display P3 ל-HEX

כוונון הצבע

גוון11°

אטימות100%

בהירות68%

כרומה0.210

גוון34°

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

דוגמאות המרה מ-HEX ל-Display P3

צבע	HEX	Display P3
	#ff0000	color(display-p3 0.91749 0.20029 0.13856)
	#00ff00	color(display-p3 0.4584 0.98526 0.29829)
	#0000ff	color(display-p3 0 0 0.95959)
	#ffffff	color(display-p3 1 1 1)
	#000000	color(display-p3 0 0 0)
	#808080	color(display-p3 0.50196 0.50196 0.50196)
	#ff5733	color(display-p3 0.92577 0.38907 0.25797)
	#3b82f6	color(display-p3 0.30473 0.50347 0.93383)
	#10b981	color(display-p3 0.33254 0.71471 0.52213)
	#f59e0b	color(display-p3 0.91216 0.63495 0.23045)
	#8b5cf6	color(display-p3 0.51827 0.3688 0.93154)
	#ec4899	color(display-p3 0.85506 0.33272 0.5918)

על HEX ו-Display P3

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

Display P3 הוא הגמוט הרחב של מסכי Apple מודרניים ושל טלפונים רבים. הוא מכסה כ-25% יותר צבעים מ-sRGB ונכתב כ-color(display-p3 r g b).

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

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

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

איך ממירים HEX ל-Display P3?

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

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

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

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

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

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

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