RGB / Hex מחליף
הפוך בין פורמטים צבע RGB ו- HEX
RGB/HEX Converter
Convert between RGB and HEX colors
ממיר RGB ל-HSL הוא כלי חיוני להמרת צבעים עבור מעצבים ומפתחים. המר ערכי צבע RGB לפורמט HSL באופן מיידי, מה שמאפשר שליטה טובה יותר בצבע, מניפולציה קלה יותר של צבעים והתאמות צבע אינטואיטיביות יותר בפרויקטי CSS ועיצוב.
ממיר RGB HEX
צבע קלט
הזן קוד hex, ערכי RGB, או הדבק הפניה לצבע
הצג תוצאות
ראה המרה מיידית לפורמט HSL עם תצוגה מקדימה ויזואלית
הבן רכיבים
למד מה המשמעות של גוון (H), רוויה (S) ובהירות (L)
כוונן עדין
השתמש במחוונים כדי להתאים ערכי HSL ולראות שינויים בזמן אמת
העתק ערכים
לחץ על לחצני העתק כדי לתפוס את קוד הצבע שהומר
השתמש ב-CSS
החל ערכי HSL בגיליונות הסגנונות שלך למניפולציה קלה יותר של הצבע
Frequently Asked Questions
מה ההבדל בין RGB ל- HEX?
RGB משתמש בערכים עשרוניים 0-255, HEX משתמש בהקסדצימלי 00-FF
מה זה RGBA?
RGB עם ערוץ אלפא לשקיפות
האם אני יכול להשתמש בזה להדפסה?
HEX/RGB מיועד לצבעי מסך, השתמש ב-CMYK להדפסה
כמה מדויקת התצוגה המקדימה של הצבע?
מדויק מאוד - משתמש בעיבוד צבעי דפדפן
למה להשתמש ב-HSL במקום ב-RGB?
HSL אינטואיטיבי יותר לתפיסה אנושית. התאמת רוויה או בהירות ב-HSL קלה יותר מאשר חישוב מחדש של ערכי RGB, מה שהופך את מניפולציית הצבע והווריאציות לפשוטות יותר.
מה המשמעות של רוויה בתשחץ ?
רוויה (0-100%) שולטת בעוצמת הצבע. 0% הוא גווני אפור, 100% הוא צבע טהור. זה קובע עד כמה צבע נראה חי או מושתק.
מה המשמעות של קלילות בתשחץ ?
קלות (0-100%) שולטת בבהירות. 0% זה שחור, 50% זה צבע טהור, 100% זה לבן. הוא קובע עד כמה צבע נראה כהה או בהיר.
האם אני יכול להשתמש בצבעי HSL בכל הדפדפנים?
כן, תחביר צבע HSL נתמך בכל הדפדפנים המודרניים. אתה יכול להשתמש ב-hsl() ישירות ב-CSS ללא שום קידומות של ספקים.
איך אני יוצר וריאציות צבע?
שמור על הגוון קבוע והתאם את הרוויה והבהירות. הפחתת הרוויה יוצרת גוונים עמומים, ואילו הפחתת הבהירות יוצרת גוונים כהים יותר.
האם יש הבדל בין HSL ל- HSLA?
HSLA כולל ערוץ אלפא לשקיפות. HSLA (גוון, saturation%, lightness%, alpha) מאפשר לך לשלוט באטימות מ-0 (שקוף) ל-1 (אטום).
Tool Information
Related Tools You Might Like
גנרטור צבע מתוך תמונה
להוציא צבעים דומיננטיים מהתמונה
גנרטור גרדינט CSS
יצירת גרדינטים CSS מותאמים אישית עם תצוגה מוקדמת
בדיקת קונטרסט WCAG
בדוק את ניגוד הצבעים בהתאם לסטנדרטים של WCAG
גנרטור חתימה דיגיטלית
יצירת חתימות דיגיטליות מעוצבות עם אותיות שונות
גנרטור צל
יצירת צל של תיבת CSS
גנרטור צל
ליצור צל של טקסט CSS
Surfboard Volume Calculator חשבונית
לחשב את נפח הסורף המושלם בהתבסס על המשקל שלך, רמת החוויה שלך, ותנאי הגלים.
גובה גל Converter
להמיר בין מדידות גובה הגלים השונות (גובה הפנים, גודל הוואי, נפיחות האוקיינוס).
סקובה Dive Planner
תכנן את השקיה שלך עם גבולות העומק, זמן התחתון, ואת דרישות אבטחה של דיכוי.