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