קוד צבע

קוד צבע

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

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

מהו קוד הצבע

מהו קוד הצבע

אנו יכולים להגדיר את קוד הצבע כ טווח כרומטי שבו ניתן להציג רשת. כלומר, האפשרויות הקיימות, בפלטה של ​​כ-216 צבעים, לקבוע כיצד ייראה אתר אינטרנט. קוד זה יכול להתבסס על שלושה סוגים של מערכות: RGB, HEX ו-HSL (האחרונה הוצאה משימוש כעת).

למעשה, קוד הצבע נועד לשמש כקוד אוניברסלי עבור כל הדפדפנים בצורה כזו שעם הקודים הללו, מה שמושג הוא לשחזר את אותם צלילים, בין אם ב-Internet Explores, ב-Firefox Mozilla, ב-Google Chrome. …

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

סוגי קודי צבע

כפי שאמרנו לכם בעבר, ישנם שלושה סוגים של מערכות:

  • RGB. הוא המוכר ביותר והוא מורכב משלושה צבעי יסוד, אדום, כחול וירוק, שמהם, באמצעות שילובם, נגזרים שאר הצבעים. לגבי הייצוג שלו, הוא נע בין 0 ל-255 והקוד שמופיע מורכב משלוש דמויות מופרדות בפסיקים ובין סוגריים.
  • הקסדצימלי. משמש בעיקר ב-HTML ו-CSS. במקרה זה, הוא מורכב גם ממספרים וגם מאותיות המסודרות ביניהן כדי לקבל קודים שקובעים את הצבעים.
  • HSL. זה כבר הוצא משימוש, הוא מבוסס על שימוש בגוון, רוויה ובהירות בעת יצירת צבע. הוא נקבע לפי מעלות ואחוזים (שלושה ספרות מופרדות בפסיקים ובין סוגריים).

למה קודים חשובים?

למה קודים חשובים?

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

אתה מבין למה זה חשוב? לדוגמה, דמיינו שיש לכם אתר אינטרנט עם רקע אדום. ואתה רוצה לשנות אותו לריק. אם הייתם מכירים את הקוד שקובע את הצבע האדום, באמצעות מנוע החיפוש בקוד ה-HTML הייתם מקבלים את המקום בו הצבע הזה משתקף (מקושר לצבע הרקע) והייתם יכולים לשנות אותו במהירות. אבל מה אם אין לך את זה? תצטרך לחפש עד שתמצא את הקטע הזה ולבדוק איזה קוד קרוב לזה שאתה רוצה.

לכן, קוד הצבע עוזר לך להאיץ את העבודה, כמו גם היכולת להשתמש בצבעים בעת עיצוב אתר אינטרנט, עריכת תמונה וכו'.

רשימת הצבעים והקוד שלהם הקסאדצימלי ו-RGB

רשימת הצבעים וקוד ההקסדצימלי וה-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

האם אתה יודע עוד קודי צבע? אנו מזמינים אתכם לרשום אותם בתגובות כדי להרחיב את הרשימה.


תוכן המאמר עומד בעקרונותינו של אתיקה עריכתית. כדי לדווח על שגיאה לחץ כאן.

היה הראשון להגיב

השאירו את התגובה שלכם

כתובת הדוא"ל שלך לא תפורסם.

*

*

  1. אחראי לנתונים: מיגל אנחל גטון
  2. מטרת הנתונים: בקרת ספאם, ניהול תגובות.
  3. לגיטימציה: הסכמתך
  4. מסירת הנתונים: הנתונים לא יועברו לצדדים שלישיים אלא בהתחייבות חוקית.
  5. אחסון נתונים: מסד נתונים המתארח על ידי Occentus Networks (EU)
  6. זכויות: בכל עת תוכל להגביל, לשחזר ולמחוק את המידע שלך.