ממיר HSLA ל-Display P3

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

מ-HSLA

זוהה: HSL

ערך Display P3color(display-p3 0.92578 0.38909 0.25797 / 0.8)

Display P3 ל-HSLA

אותו צבע בלי שקיפות, כ־Display P3 אטום

כוונון הצבע

גוון11°

אטימות80%

בהירות68%

כרומה0.210

גוון34°

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

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

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

אטימות	אלפא ב־HEX	HEX	HSLA
100%	ff	#ff5733	hsla(10.59, 100%, 60%, 1)
95%	f2	#ff5733f2	hsla(10.59, 100%, 60%, 0.95)
90%	e6	#ff5733e6	hsla(10.59, 100%, 60%, 0.9)
85%	d9	#ff5733d9	hsla(10.59, 100%, 60%, 0.85)
80%	cc	#ff5733cc	hsla(10.59, 100%, 60%, 0.8)
75%	bf	#ff5733bf	hsla(10.59, 100%, 60%, 0.75)
70%	b3	#ff5733b3	hsla(10.59, 100%, 60%, 0.7)
65%	a6	#ff5733a6	hsla(10.59, 100%, 60%, 0.65)
60%	99	#ff573399	hsla(10.59, 100%, 60%, 0.6)
55%	8c	#ff57338c	hsla(10.59, 100%, 60%, 0.55)
50%	80	#ff573380	hsla(10.59, 100%, 60%, 0.5)
45%	73	#ff573373	hsla(10.59, 100%, 60%, 0.45)
40%	66	#ff573366	hsla(10.59, 100%, 60%, 0.4)
35%	59	#ff573359	hsla(10.59, 100%, 60%, 0.35)
30%	4d	#ff57334d	hsla(10.59, 100%, 60%, 0.3)
25%	40	#ff573340	hsla(10.59, 100%, 60%, 0.25)
20%	33	#ff573333	hsla(10.59, 100%, 60%, 0.2)
15%	26	#ff573326	hsla(10.59, 100%, 60%, 0.15)
10%	1a	#ff57331a	hsla(10.59, 100%, 60%, 0.1)
5%	0d	#ff57330d	hsla(10.59, 100%, 60%, 0.05)
0%	00	#ff573300	hsla(10.59, 100%, 60%, 0)

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

צבע	HSLA	Display P3
	hsla(0, 100%, 50%, 1)	color(display-p3 0.91749 0.20029 0.13856)
	hsla(120, 100%, 50%, 1)	color(display-p3 0.4584 0.98526 0.29829)
	hsla(240, 100%, 50%, 1)	color(display-p3 0 0 0.95959)
	hsla(0, 0%, 100%, 1)	color(display-p3 1 1 1)
	hsla(0, 0%, 0%, 1)	color(display-p3 0 0 0)
	hsla(0, 0%, 50.2%, 1)	color(display-p3 0.50196 0.50196 0.50196)
	hsla(10.59, 100%, 60%, 1)	color(display-p3 0.92577 0.38907 0.25797)
	hsla(217.22, 91.22%, 59.8%, 1)	color(display-p3 0.30473 0.50347 0.93383)
	hsla(160.12, 84.08%, 39.41%, 1)	color(display-p3 0.33254 0.71471 0.52213)
	hsla(37.69, 92.13%, 50.2%, 1)	color(display-p3 0.91216 0.63495 0.23045)
	hsla(258.31, 89.53%, 66.27%, 1)	color(display-p3 0.51827 0.3688 0.93154)
	hsla(330.37, 81.19%, 60.39%, 1)	color(display-p3 0.85506 0.33272 0.5918)

על HSLA ו-Display P3

HSLA הוא HSL עם ערוץ אלפא לאטימות, ונכתב כך: hsla(11, 100%, 60%, 0.5). האלפא נע בין 0 (שקוף לגמרי) ל־1 (אטום לגמרי), ו־CSS מודרני מקבל אותו גם בתוך hsl().

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

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

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

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

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

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

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

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

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

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

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

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