Opacity100%
r102
g126
b234
HEX#667EEA
HEXA#667EEAFF
RGBrgb(102, 126, 234)
RGBArgba(102, 126, 234, 1)
HSLhsl(229, 76%, 66%)
HSLAhsla(229, 76%, 66%, 1)
HWBhwb(229 40% 8%)
LABlab(56% 22 -57)
LCHlch(56% 61.1 291.1)
OKLABoklab(0.63 0 -0.16)
OKLCHoklch(0.63 0.16 270)
#667EEA
Category:color
Mode:Offline
Version:1.0.0
Access:Free
מהו בורר וממיר צבע?
Color Picker & Converter הוא כלי מקוון חינמי המאפשר לך לבחור צבעים ויזואלית ולהמיר בין פורמטים פופולריים של צבע כולל HEX, RGB ו-HSL. זהו כלי חיוני עבור מעצבי אתרים, מפתחים, גרפיקאים וכל מי שעובד עם צבעים דיגיטליים.
הכלי מספק בורר צבעים אינטראקטיבי עם בורר ספקטרום, בקרות בהירות ורוויה ומחוון אטימות. כשאתה בוחר צבע, אתה רואה באופן מיידי את קוד ה-hex, ערכי ה-RGB וערכי ה-HSL המתאימים, מה שמקל על תפיסת הפורמט המדויק שאתה צריך עבור הפרויקט שלך.
מעבר לבחירת צבע בסיסית, הכלי מייצר גם פלטות הרמוניה משלימות, אנלוגיות ואחרות על סמך הצבע שבחרת. זה עוזר לך לבנות במהירות ערכות צבעים מגובשות עבור אתרים, אפליקציות ופרויקטי עיצוב. כל העיבוד פועל בדפדפן שלך ללא צורך בהתקנה.
HEX, RGB ו-HSL הן שלוש דרכים לכתוב את אותו צבע sRGB ולא שלושה מרחבי צבע, כך שההמרה ביניהם היא מדויקת וללא אובדן בשני הכיוונים. HSL הוא השימושי לנמק, מכיוון שהתאמת בהירות או רוויה תוך החזקת גוון שומרת על צבעים באותה משפחה, מה שקשה הרבה יותר לעשות על ידי עריכת ספרות hex. CSS מודרני מוסיף סימונים שמגיעים מחוץ ל-sRGB, כגון oklch ו-display-p3, ואלה יכולים לתאר צבעים שאין ערך hex יכול. כל דבר שמתבטא כאן נשאר בתוך sRGB, שהוא הקרקע המשותפת הבטוחה שכל תצוגה יכולה להראות. טפטפת העיניים, שבה הדפדפן מספק אחת, דוגמת את הפיקסל המעובד ולא את צבע המקור, כך שערך שנבחר מתמונה שעברה קנה מידה או ניהול צבע יכול להיות שונה מעט מהקובץ המקורי.
כיצד להשתמש בבורר צבעים וממיר?
1
בחר צבע
השתמש בבורר הצבעים החזותי כדי לבחור צבע על ידי לחיצה על הספקטרום, התאמת מחוון ה-Hue או הזנת ערך צבע ספציפי בכל פורמט.
2
הצג ערכי צבע
ראה את הצבע שנבחר המוצג בפורמטים hex, rgb ו-hsl בו זמנית. כל פורמט מתעדכן בזמן אמת תוך כדי התאמת הצבע.
3
חקור הרמוניות צבע
הצג הצעות משלימות, אנלוגיות, טריאדיות ואחרות להרמוניה צבעונית המבוססת על הצבע שבחרת לבניית פלטות מגובשות.
4
העתק את קוד הצבע
לחץ על כל פורמט צבע כדי להעתיק אותו ללוח שלך. השתמש בו ישירות ב-CSS, בכלי העיצוב או ביישום שלך.
תכונות מפתח
תמיכה בערוץ אלפא
קורא וכותב HEX ו-rgba בני 8 ספרות, כך שצבע עם שקיפות שורד את ההמרה במקום לאבד את האלפא שלו
המרה מרובה פורמטים
המר באופן מיידי בין פורמטים של hex, rgb ו-hsl עם בחירת צבע אחת
בוחר צבעים ויזואלי
ספקטרום צבעים אינטראקטיבי עם בקרות גוון, רוויה ובהירות לבחירת צבע מדויקת
פלטות הרמוניה צבעוניות
צור ערכות צבעים משלימות, אנלוגיות, טריאדיות ומפוצלות באופן אוטומטי
Frequently Asked Questions
פצל את קוד ה-hex בן שש הספרות לשלושה זוגות וקרא כל זוג כמספר הקסדצימלי מ-0 עד 255. ב-#FF5733, FF הוא 255 (אדום), 57 הוא 87 (ירוק), ו-33 הוא 51 (כחול), נותן RGB (255, 87, 51). הדבק את קוד ה-hex בבורר וערכי RGB ו-HSL מופיעים מיד.
Related Tools
CLR
color
Color Contrast Checker
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
CLR
color
Color Converter
Convert color codes between HEX, RGB, HSL, HWB, and CMYK instantly
CLR
color
Color Palette Generator
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX, RGB, and HSL values you can copy.
CLR
color
Color Shades Generator
Generate tints, shades, and tones from any base color
Comments
0 comments
No comments yet. Be the first to share your thoughts!
colorpickerconverterhexrgbhslpalettecomplementaryanalogous