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

ממיר HWB ל-HEX

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

זוהה: HWB

ערך HEX#ff5733
HEX ל-HWB

כוונון הצבע

11°
100%

68%
0.210
34°

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

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

צבעHWBHEX
hwb(0 0% 0%)#ff0000
hwb(120 0% 0%)#00ff00
hwb(240 0% 0%)#0000ff
hwb(0 100% 0%)#ffffff
hwb(0 0% 100%)#000000
hwb(0 50.2% 49.8%)#808080
hwb(10.59 20% 0%)#ff5733
hwb(217.22 23.14% 3.53%)#3b82f6
hwb(160.12 6.27% 27.45%)#10b981
hwb(37.69 4.31% 3.92%)#f59e0b
hwb(258.31 36.08% 3.53%)#8b5cf6
hwb(330.37 28.24% 7.45%)#ec4899

על HWB ו-HEX

HWB מתאר צבע לפי הגוון שלו וכמה לבן ושחור מעורבבים בו. הוא חלק מ-CSS Color 4 ונוח ליצירת גרסאות בהירות וכהות של צבע.

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

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

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

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

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

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

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

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

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

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

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

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