tigtools

ממיר צבעים

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

פועל בדפדפן שלך ללא הרשמה

זוהה כ-HEX.

HEX
#336699
RGB
rgb(51, 102, 153)
HSL
hsl(210, 50%, 40%)
HWB
hwb(210 20% 40%)
OKLCH
oklch(49.93% 0.0987 250.43)
CMYK
cmyk(66.7%, 33.3%, 0%, 40%)

כאן CMYK הוא נוסחה פשוטה, ללא ניהול צבע. להדפסה, יש להמיר עם פרופיל ICC שמספקת המדפסת שלכם.

איך להשתמש בו

  1. הקלידו או הדביקו צבע, למשל #1e90ff, rgb(30 144 255) או oklch(65% 0.18 250). אפשר גם ללחוץ על בורר הצבעים.
  2. בדקו את דוגמית הצבע כדי לוודא שזה הצבע שציפיתם לו.
  3. העתיקו את הפורמט הדרוש לכם מהרשימה. ערכים עם שקיפות שומרים על ערך האלפא שלהם.

איך זה עובד

תשומות נתמכות: HEX עם 3, 4, 6 או 8 ספרות (הספרה הרביעית והשמינית הן אלפא), rgb() ו-rgba() עם מספרים או אחוזים, hsl() ו-hsla(), hwb(), oklch() ו-cmyk() עם אחוזים או מספרים מ-0 עד 100. גם התחביר הקלאסי עם פסיקים וגם התחביר המודרני עם רווחים ו-“/ alpha” עובדים. הגוון מקבל deg, turn, rad ו-grad. צבעים בשם כמו “tomato” אינם מזוהים; השתמשו בבורר הצבעים או בקוד במקום.

כל ההמרות עוברות דרך sRGB. HSL ו-HWB הם עיצוב מחדש פשוט של ערכי ה-RGB, כך שהם מומרים במדויק. OKLCH הוא מרחב תפיסתי: צעדים שווים בבהירות שלו נראים שונים בערך באותה מידה, ולכן הוא שימושי לבניית פלטות. הוא מחושב עם מטריצות OKLab שפורסמו. חלק מצבעי OKLCH נמצאים מחוץ לטווח ש-sRGB יכול להציג; הכלי מציין זאת ומציג את הצבע הקרוב ביותר שניתן להצגה.

CMYK מחושב בנוסחה הנאיבית הנפוצה (K = 1 − ערוץ ה-RGB הגדול ביותר). תוצאות הדפסה אמיתיות תלויות בנייר, בדיו ובפרופיל ICC, לכן התייחסו למספרים האלה כנקודת התחלה, לא כמפרט הדפסה.

דוגמאות

מקוד HEX של מותג ל-CSS

מדריך עיצוב נותן #0b5d1e. הדביקו אותו כדי לקבל rgb(11, 93, 30) עבור CSS ישן, hsl(133.9, 78.8%, 20.4%) כדי לשנות את הבהירות ידנית, וערך oklch() עבור פונקציות צבע מודרניות ב-CSS.

קריאת צבע עם שקיפות

rgba(0, 0, 0, 0.5) הופך ל-#00000080. שתי ספרות ה-HEX האחרונות (80) הן האלפא: 128 מתוך 255, בערך 50%.

בדיקת ערך OKLCH מקובץ עיצוב

oklch(70% 0.4 150) הוא ירוק רווי מאוד שמסכי sRGB אינם יכולים להציג. הכלי מסמן זאת ומציג את צבע ה-sRGB הקרוב ביותר, כך שתדעו שהעיצוב ייראה אחרת ברוב המסכים.

שאלות נפוצות

מדוע המרה ל-HSL וחזרה משנה לפעמים את ה-HEX באחד?

HEX שומר מספרים שלמים מ-0 עד 255 לכל ערוץ. ערכים בפורמטים אחרים מעוגלים לצורך התצוגה (HSL לספרה עשרונית אחת), והמרה של ערך מעוגל בחזרה עלולה להחזיר ערך ששונה בשלב אחד. העתיקו את ה-HEX אם אתם צריכים את המקור המדויק.

האם ערך ה-CMYK נכון להדפסה?

לא, לא בפני עצמו. הוא משתמש בנוסחה הפשוטה ללא פרופיל צבע. מדפסות משתמשות בפרופילים כגון FOGRA או GRACoL שנותנים מספרים שונים, לכן שאלו את בית הדפוס או המירו ביישום עם ניהול צבע.

מהו OKLCH והאם אפשר להשתמש בו ב-CSS?

OKLCH מתאר צבע לפי בהירות נתפסת, כרומה (עוצמת צבע) וגוון. הגרסאות העדכניות של הדפדפנים העיקריים תומכות ב-oklch() ב-CSS. השאירו גיבוי של HEX או rgb() אם אתם תומכים בדפדפנים ישנים.

מה המשמעות של קוד HEX בן 8 ספרות?

#RRGGBBAA: שתי הספרות האחרונות הן האטימות, מ-00 (שקוף לגמרי) עד ff (אטום לגמרי). הצורה בת 4 הספרות #RGBA פועלת באותו אופן עם ספרה אחת לכל ערוץ.

פרטיות

הצבעים מומרים בדפדפן שלכם. שום דבר שאתם מקלידים לא נשלח לשום מקום ולא נשמר.