אם אתה מעצב גרפי, או שהרגע נכנסת לתוכנית עריכת תמונות, תראה תיבה שאפשרה לך לשנות את הצבע, יהיה זה דלי הצבע, המברשת, האותיות... מה שאולי גרם לך לסקרנות היא העובדה שכאשר אתה בוחר צבע, הוא מופיע קוד צבע, יודע מה זה?
אם אי פעם תהיתם מה המשמעות של קודי האותיות או הספרות הללו, ואתם רוצים לדעת יותר על כך, אז אנחנו עוזרים לכם להבין את החשיבות של קוד הצבע, מדוע הם משקפים צבעים ופרטים מוזרים אחרים.
מהו קוד הצבע
אנו יכולים להגדיר את קוד הצבע כ טווח כרומטי שבו ניתן להציג רשת. כלומר, האפשרויות הקיימות, בפלטה של כ-216 צבעים, לקבוע כיצד ייראה אתר אינטרנט. קוד זה יכול להתבסס על שלושה סוגים של מערכות: RGB, HEX ו-HSL (האחרונה הוצאה משימוש כעת).
למעשה, קוד הצבע נועד לשמש כקוד אוניברסלי עבור כל הדפדפנים בצורה כזו שעם הקודים הללו, מה שמושג הוא לשחזר את אותם צלילים, בין אם ב-Internet Explores, ב-Firefox Mozilla, ב-Google Chrome. …
אתה חייב לדעת את זה מחשב מסוגל להבחין עד 16 מיליון צבעים, כך שיש הרבה אפשרויות ליצור אתר אינטרנט או לשנות תמונות.
סוגי קודי צבע
כפי שאמרנו לכם בעבר, ישנם שלושה סוגים של מערכות:
- RGB. הוא המוכר ביותר והוא מורכב משלושה צבעי יסוד, אדום, כחול וירוק, שמהם, באמצעות שילובם, נגזרים שאר הצבעים. לגבי הייצוג שלו, הוא נע בין 0 ל-255 והקוד שמופיע מורכב משלוש דמויות מופרדות בפסיקים ובין סוגריים.
- הקסדצימלי. משמש בעיקר ב-HTML ו-CSS. במקרה זה, הוא מורכב גם ממספרים וגם מאותיות המסודרות ביניהן כדי לקבל קודים שקובעים את הצבעים.
- HSL. זה כבר הוצא משימוש, הוא מבוסס על שימוש בגוון, רוויה ובהירות בעת יצירת צבע. הוא נקבע לפי מעלות ואחוזים (שלושה ספרות מופרדות בפסיקים ובין סוגריים).
למה קודים חשובים?
עכשיו כשאתה יודע מהו קידוד צבע, היישום שלו קל להבנה, שכן הוא משמש כדי לקבוע איזה קוד נדרש כדי שצבע מסוים יוצג. זה עובד, למשל, בדפי אינטרנט. קוד ה-HTML משתמע אם לאתר יש רקע בצבע מסוים, אם הגופן אדום, צהוב, ירוק, כחול... ועוד שימושים רבים אחרים.
אתה מבין למה זה חשוב? לדוגמה, דמיינו שיש לכם אתר אינטרנט עם רקע אדום. ואתה רוצה לשנות אותו לריק. אם הייתם מכירים את הקוד שקובע את הצבע האדום, באמצעות מנוע החיפוש בקוד ה-HTML הייתם מקבלים את המקום בו הצבע הזה משתקף (מקושר לצבע הרקע) והייתם יכולים לשנות אותו במהירות. אבל מה אם אין לך את זה? תצטרך לחפש עד שתמצא את הקטע הזה ולבדוק איזה קוד קרוב לזה שאתה רוצה.
לכן, קוד הצבע עוזר לך להאיץ את העבודה, כמו גם היכולת להשתמש בצבעים בעת עיצוב אתר אינטרנט, עריכת תמונה וכו'.
רשימת הצבעים והקוד שלהם הקסאדצימלי ו-RGB
לסיום, ברצוננו להשאיר אותך למטה א טבלה שבה אתה יכול למצוא את רוב הצבעים הקיימים יחד עם הקוד העשרוני (RGB) וההקסדצימלי שלהם כך שאם בכל עת תצטרכו לשנות את הקוד, תוכלו לעשות זאת בקלות מבלי שתצטרכו לחפש אותו בפלטת הצבעים.
תג | עשרוני (R, G, B) | הקסאדצימלי |
---|---|---|
אליסבלו | rgb (240, 248, 255) | # F0F8FF |
לבן עתיק | rgb (250, 235, 215) | # FAEBD7 |
אקווה | rgb (0, 255, 255) | #00FFFF |
תַרשִׁישׁ | rgb (127, 255, 212) | # 7FFFD4 |
תְכֵלֶת | rgb (240, 255, 255) | # F0FFFF |
חום בהיר | rgb (245, 245, 220) | # F5F5DC |
ביסק | rgb (255, 228, 196) | # FFE4C4 |
שחור | rgb (0, 0, 0) | #000000 |
שקד לבן | rgb (255, 235, 205) | #FFEBCD |
כָּחוֹל | rgb (0, 0, 255) | # 0000FF |
כחול סגול | rgb (138, 43, 226) | # 8A2BE2 |
חום | rgb (165, 42, 42) | # A52A2A |
בורוויד | rgb (222, 184, 135) | # DEB887 |
כחול צוער | rgb (95, 158, 160) | # 5F9EA0 |
שרטרז | rgb (127, 255, 0) | # 7FFF00 |
שוקולד | rgb (210, 105, 30) | # D2691E |
אַלְמוֹג | rgb (255, 127, 80) | # FF7F50 |
תכלת תכלת | rgb (100, 149, 237) | # 6495ED |
משי תירס | rgb (255, 248, 220) | # FFF8DC |
אַרגָמָן | rgb (220, 20, 60) | # DC143C |
ציאן | rgb (0, 255, 255) | #00FFFF |
כחול כהה | rgb (0, 0, 139) | # 00008B |
כהה | rgb (0, 139, 139) | # 008B8B |
אפל זהוב | rgb (184, 134, 11) | #B8860B |
אפור כהה | rgb (169, 169, 169) | # A9A9A9 |
ירוק כהה | rgb (0, 100, 0) | #006400 |
אפור כהה | rgb (169, 169, 169) | # A9A9A9 |
darkkhaki | rgb (189, 183, 107) | # BDB76B |
כהה מגנטה | rgb (139, 0, 139) | # 8B008B |
ירוק כהה-זית | rgb (85, 107, 47) | # 556B2F |
כתום כהה | rgb (255, 140, 0) | # FF8C00 |
חושך | rgb (153, 50, 204) | # 9932CC |
אדום כהה | rgb (139, 0, 0) | #8B0000 |
סלמון כהה | rgb (233, 150, 122) | # E9967A |
כהה ירוק | rgb (143, 188, 143) | # 8FBC8F |
כחול כהה | rgb (72, 61, 139) | # 483D8B |
darkslateray | rgb (47, 79, 79) | # 2F4F4F |
אפור לוח כהה | rgb (47, 79, 79) | # 2F4F4F |
כהה טורקיז | rgb (0, 206, 209) | # 00CED1 |
סגול כהה | rgb (148, 0, 211) | # 9400D3 |
ורוד עמוק | rgb (255, 20, 147) | #FF1493 |
כחול שמים עמוק | rgb (0, 191, 255) | # 00BFFF |
אפור | rgb (105, 105, 105) | #696969 |
עמום | rgb (105, 105, 105) | #696969 |
דודג'רבלו | rgb (30, 144, 255) | # 1E90FF |
אש אש | rgb (178, 34, 34) | #B22222 |
לבן פרחוני | rgb (255, 250, 240) | # FFFAF0 |
ירוק | rgb (34, 139, 34) | #228B22 |
פוקסיה | rgb (255, 0, 255) | # FF00FF |
גיינסבורו | rgb (220, 220, 220) | #DCDCDC |
Ghostwhite | rgb (248, 248, 255) | # F8F8FF |
זהב | rgb (255, 215, 0) | # FFD700 |
גולדרוד | rgb (218, 165, 32) | # DAA520 |
אפור | rgb (128, 128, 128) | #808080 |
ירוק | rgb (0, 128, 0) | #008000 |
ירוק צהוב | rgb (173, 255, 47) | # ADFF2F |
אפור | rgb (128, 128, 128) | #808080 |
צוּף | rgb (240, 255, 240) | # F0FFF0 |
ורוד עז | rgb (255, 105, 180) | # FF69B4 |
אינדיאני | rgb (205, 92, 92) | # CD5C5C |
אינדיגו | rgb (75, 0, 130) | #4B0082 |
שנהב | rgb (255, 255, 240) | # FFFFF0 |
חקי | rgb (240, 230, 140) | # F0E68C |
אֲזוֹבִיוֹן | rgb (230, 230, 250) | # E6E6FA |
סומק לבנדר | rgb (255, 240, 245) | # FFF0F5 |
ירוק דשא | rgb (124, 252, 0) | # 7CFC00 |
לימון | rgb (255, 250, 205) | #FFFACD |
כחול בהיר | rgb (173, 216, 230) | # ADD8E6 |
אור קורל | rgb (240, 128, 128) | #F08080 |
לייטציאן | rgb (224, 255, 255) | # E0FFFF |
אור זהב | rgb (250, 250, 210) | # FAFAD2 |
אפור בהיר | rgb (211, 211, 211) | # D3D3D3 |
ירוק בהיר | rgb (144, 238, 144) | # 90EE90 |
אפור בהיר | rgb (211, 211, 211) | # D3D3D3 |
ורוד בהיר | rgb (255, 182, 193) | # FFB6C1 |
סלמון אור | rgb (255, 160, 122) | # FFA07A |
ירוק בהיר | rgb (32, 178, 170) | # 20B2AA |
כחול בהיר | rgb (135, 206, 250) | # 87CEFA |
lightslateray | rgb (119, 136, 153) | #778899 |
אפור צפחה בהיר | rgb (119, 136, 153) | #778899 |
כחול פלדה בהיר | rgb (176, 196, 222) | # B0C4DE |
צהוב בהיר | rgb (255, 255, 224) | # FFFFE0 |
סיד | rgb (0, 255, 0) | # 00FF00 |
ירוק ליים | rgb (50, 205, 50) | # 32CD32 |
פשתן | rgb (250, 240, 230) | # FAF0E6 |
מגנטה | rgb (255, 0, 255) | # FF00FF |
חום ערמוני | rgb (128, 0, 0) | #800000 |
מדיום אקוומרין | rgb (102, 205, 170) | # 66 CDAA |
כחול בינוני | rgb (0, 0, 205) | # 0000CD |
בינוני | rgb (186, 85, 211) | # BA55D3 |
סגול בינוני | rgb (147, 112, 219) | # 9370D8 |
בינוני ים ירוק | rgb (60, 179, 113) | # 3CB371 |
כחול צפחה בינוני | rgb (123, 104, 238) | # 7B68EE |
בינוני אביבי ירוק | rgb (0, 250, 154) | # 00FA9A |
טורקיז בינוני | rgb (72, 209, 204) | # 48D1CC |
סגול בינוני | rgb (199, 21, 133) | #C71585 |
כחול כחצות | rgb (25, 25, 112) | #191970 |
קרם מנטה | rgb (245, 255, 250) | # F5FFFA |
מיסטירוז | rgb (255, 228, 225) | # FFE4E1 |
מוקסין | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFDEAD |
חיל הים | rgb (0, 0, 128) | #000080 |
עתיקה | rgb (253, 245, 230) | # FDF5E6 |
זַיִת | rgb (128, 128, 0) | #808000 |
זית זית | rgb (107, 142, 35) | # 6B8E23 |
תפוז | rgb (255, 165, 0) | # FFA500 |
כתום אדום | rgb (255, 69, 0) | #FF4500 |
סַחְלָב | rgb (218, 112, 214) | # DA70D6 |
פלגולדןרוד | rgb (238, 232, 170) | # EEE8AA |
ירוק חיוור | rgb (152, 251, 152) | # 98FB98 |
פלטת טורקיז | rgb (175, 238, 238) | #AFEEEE |
חיוור סגול | rgb (219, 112, 147) | # D87093 |
פפאיהוויפ | rgb (255, 239, 213) | # FFEFD5 |
אפרסק | rgb (255, 218, 185) | # FFDAB9 |
פרו | rgb (205, 133, 63) | # CD853F |
ורוד | rgb (255, 192, 203) | # FFC0CB |
שזיף | rgb (221, 160, 221) | # DDA0DD |
אבקה כחולה | rgb (176, 224, 230) | # B0E0E6 |
סגול | rgb (128, 0, 128) | #800080 |
אָדוֹם | rgb (255, 0, 0) | #FF0000 |
חום ורדרד | rgb (188, 143, 143) | # BC8F8F |
כחול מלכותי | rgb (65, 105, 225) | # 4169E1 |
חום אוכף | rgb (139, 69, 19) | #8B4513 |
סלמון | rgb (250, 128, 114) | # FA8072 |
חום חול | rgb (244, 164, 96) | # F4A460 |
ירוק ים | rgb (46, 139, 87) | # 2E8B57 |
צדף | rgb (255, 245, 238) | # FFF5EE |
סיינה | rgb (160, 82, 45) | # A0522D |
כסף | rgb (192, 192, 192) | # C0C0C0 |
שמים כחולים | rgb (135, 206, 235) | # 87 CEEB |
קצת כחול | rgb (106, 90, 205) | # 6A5ACD |
אפור צפחה | rgb (112, 128, 144) | #708090 |
אפור צפחה | rgb (112, 128, 144) | #708090 |
שלג | rgb (255, 250, 250) | #FFFAFA |
ירוק | rgb (0, 255, 127) | # 00FF7F |
מתכת כחולה | rgb (70, 130, 180) | #4682B4 |
שזוף | rgb (210, 180, 140) | # D2B48C |
צהבהב | rgb (0, 128, 128) | #008080 |
גדילן | rgb (216, 191, 216) | # D8BFD8 |
עגבניה | rgb (255, 99, 71) | #FF6347 |
טורקיז | rgb (64, 224, 208) | # 40E0D0 |
סגול | rgb (238, 130, 238) | # EE82EE |
חיטה | rgb (245, 222, 179) | # F5DEB3 |
לבן | rgb (255, 255, 255) | #FFFFFF |
עשן לבן | rgb (245, 245, 245) | # F5F5F5 |
צהוב | rgb (255, 255, 0) | # FFFF00 |
צהוב ירוק | rgb (154, 205, 50) | # 9ACD32 |
האם אתה יודע עוד קודי צבע? אנו מזמינים אתכם לרשום אותם בתגובות כדי להרחיב את הרשימה.