איך ממירים מ־HEX ל־RGB
המירו קודי צבע מ־HEX ל־RGB מיד. הקלידו ערך HEX או RGB או הזיזו את המחוונים, וכל הפורמטים מתעדכנים יחד, עם תצוגה מקדימה של הצבע, הנוסחה וטבלת צבעים נפוצים.
- הקלידו או הדביקו ערך HEX, למשל #3B82F6, בשדה המתאים למעלה.
- ערך ה־RGB מתעדכן מיד: #3B82F6 הוא rgb(59, 130, 246). גם שאר הפורמטים והתצוגה המקדימה מתעדכנים.
- העתיקו את ערך ה־RGB ל־CSS, לכלי העיצוב או לקוד.
הנוסחה מ־HEX ל־RGB
צבע HEX בנוי משלושה זוגות של ספרות הקסדצימליות: אדום, ירוק וכחול. המירו כל זוג מבסיס 16 לבסיס 10 ותקבלו את ערוצי ה־RGB:
#3B82F6 → rgb(59, 130, 246)
צבעים נפוצים ב־HEX וב־RGB
| HEX | RGB |
|---|---|
#000000 | rgb(0, 0, 0) |
#FFFFFF | rgb(255, 255, 255) |
#FF0000 | rgb(255, 0, 0) |
#00FF00 | rgb(0, 255, 0) |
#0000FF | rgb(0, 0, 255) |
#FFFF00 | rgb(255, 255, 0) |
#00FFFF | rgb(0, 255, 255) |
#FF00FF | rgb(255, 0, 255) |
#808080 | rgb(128, 128, 128) |
#FFA500 | rgb(255, 165, 0) |
#800080 | rgb(128, 0, 128) |
#3B82F6 | rgb(59, 130, 246) |
מה זה HEX ומה זה RGB
צבע HEX הוא הסימן # ואחריו שש ספרות הקסדצימליות: שתיים לאדום, שתיים לירוק ושתיים לכחול, מ־00 (כלום) עד FF (מלא). זו הדרך הנפוצה ביותר לכתוב צבעים ב־CSS ובכלי עיצוב.
RGB מגדיר את ערוצי האדום, הירוק והכחול במספרים מ־0 עד 255, למשל rgb(59, 130, 246). זה המודל שבו מסכים מערבבים אור.
שאלות נפוצות
האם הצבע משתנה בהמרה?
HEX, RGB ו־HSL מתארים את אותם צבעי מסך, ולכן ההמרה ביניהם מדויקת (HSL מעוגל למספרים שלמים). CMYK מיועד לדפוס: התוצאה המודפסת תלויה בפרופיל הצבע של המדפסת, אז התייחסו לערכי CMYK שחושבו מהמסך כנקודת פתיחה.
אפשר להשתמש בתוצאה ב־CSS?
כן. CSS מקבל ישירות hex (#3B82F6), rgb(59, 130, 246) ו־hsl(217, 91%, 60%). CMYK אינו פורמט של CSS; משתמשים בו בדפוס ובתוכנות עיצוב.
ומה עם שקיפות?
הוסיפו ערך אלפא: hex בן 8 ספרות (#3B82F680) או rgba()/hsla() ב־CSS. הממיר עובד על הצבע האטום, וערך האלפא זהה בכל הפורמטים.
האם הכלי חינמי?
כן, השימוש חינמי. בלי הרשמה ובלי אימייל. התוצאה מופיעה בדף הזה.
איך מקבלים את התוצאה?
משתמשים בכלי בדף הזה. התוצאה מופיעה כאן, בלי צורך במשלוח לאימייל.