איך ממירים מ־RGB ל־HEX
המירו קודי צבע מ־RGB ל־HEX מיד. הקלידו ערך HEX או RGB או הזיזו את המחוונים, וכל הפורמטים מתעדכנים יחד, עם תצוגה מקדימה של הצבע, הנוסחה וטבלת צבעים נפוצים.
- הקלידו או הדביקו ערך RGB, למשל rgb(59, 130, 246), בשדה המתאים למעלה.
- ערך ה־HEX מתעדכן מיד: rgb(59, 130, 246) הוא #3B82F6. גם שאר הפורמטים והתצוגה המקדימה מתעדכנים.
- העתיקו את ערך ה־HEX ל־CSS, לכלי העיצוב או לקוד.
הנוסחה מ־RGB ל־HEX
המירו כל ערוץ RGB (0–255) למספר הקסדצימלי בן שתי ספרות וכתבו אותם אחרי #, לפי הסדר אדום, ירוק, כחול:
rgb(59, 130, 246) → #3B82F6
צבעים נפוצים ב־RGB וב־HEX
| RGB | HEX |
|---|---|
rgb(0, 0, 0) | #000000 |
rgb(255, 255, 255) | #FFFFFF |
rgb(255, 0, 0) | #FF0000 |
rgb(0, 255, 0) | #00FF00 |
rgb(0, 0, 255) | #0000FF |
rgb(255, 255, 0) | #FFFF00 |
rgb(0, 255, 255) | #00FFFF |
rgb(255, 0, 255) | #FF00FF |
rgb(128, 128, 128) | #808080 |
rgb(255, 165, 0) | #FFA500 |
rgb(128, 0, 128) | #800080 |
rgb(59, 130, 246) | #3B82F6 |
מה זה RGB ומה זה HEX
RGB מגדיר את ערוצי האדום, הירוק והכחול במספרים מ־0 עד 255, למשל rgb(59, 130, 246). זה המודל שבו מסכים מערבבים אור.
צבע HEX הוא הסימן # ואחריו שש ספרות הקסדצימליות: שתיים לאדום, שתיים לירוק ושתיים לכחול, מ־00 (כלום) עד FF (מלא). זו הדרך הנפוצה ביותר לכתוב צבעים ב־CSS ובכלי עיצוב.
שאלות נפוצות
האם הצבע משתנה בהמרה?
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. הממיר עובד על הצבע האטום, וערך האלפא זהה בכל הפורמטים.
האם הכלי חינמי?
כן, השימוש חינמי. בלי הרשמה ובלי אימייל. התוצאה מופיעה בדף הזה.
איך מקבלים את התוצאה?
משתמשים בכלי בדף הזה. התוצאה מופיעה כאן, בלי צורך במשלוח לאימייל.