ממיר Display P3 ל-HEX

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

מ-Display P3

זוהה: CSS color()

ערך HEX#ff5733

HEX ל-Display P3

כוונון הצבע

גוון11°

אטימות100%

בהירות68%

כרומה0.210

גוון34°

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

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

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

על Display P3 ו-HEX

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

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

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

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

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

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

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

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

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

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

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

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

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