JDOC

Difference between revisions of "Colors"

From Joomla! Documentation

m
m (Needs updating)
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<noinclude><languages /></noinclude>
 
<noinclude><languages /></noinclude>
 +
 +
{{page|needs updating|<translate><!--T:25-->
 +
The Pantone IMG must be updated to respect the new official color codes.</translate>}}
  
 
<translate>
 
<translate>
Line 14: Line 17:
 
|+ <translate><!--T:3-->
 
|+ <translate><!--T:3-->
 
Joomla! Color Palette</translate>
 
Joomla! Color Palette</translate>
−
! style="background:#ED2E38;color:white;"| <translate><!--T:4-->
+
! style="background:#E6462B;color:white;"| <translate><!--T:4-->
 
'''red'''</translate>
 
'''red'''</translate>
−
! style="background:#578AD6;color:white;"| <translate><!--T:5-->
+
! style="background:#5290C8;color:white;"| <translate><!--T:5-->
 
'''blue'''</translate>
 
'''blue'''</translate>
−
! style="background:#EBAD14;color:white;"| <translate><!--T:6-->
+
! style="background:#F5A443;color:white;"| <translate><!--T:6-->
 
'''orange'''</translate>
 
'''orange'''</translate>
−
! style="background:#61BF1A;color:white;"| <translate><!--T:7-->
+
! style="background:#7DB847;color:white;"| <translate><!--T:7-->
 
'''green'''</translate>
 
'''green'''</translate>
 
! style="background:#000000;color:white;"| <translate><!--T:8-->
 
! style="background:#000000;color:white;"| <translate><!--T:8-->
Line 28: Line 31:
 
Web conversion values</translate>
 
Web conversion values</translate>
 
|-
 
|-
−
|Hex #ED2E38 ||Hex #578AD6 ||Hex #EBAD14 ||Hex #61BF1A ||Hex #000000
+
|Hex #E6462B ||Hex #5290C8 ||Hex #F5A443 ||Hex #7DB847 ||Hex #000000
 
|-
 
|-
 
!colspan=5 | <translate><!--T:10-->
 
!colspan=5 | <translate><!--T:10-->
 
RGB conversion values</translate>
 
RGB conversion values</translate>
 
|-
 
|-
−
|R: 237 ||R: 87 ||R: 235 ||R: 97 ||R: 0  
+
|R: 230 ||R: 82 ||R: 245 ||R: 125 ||R: 0  
 
|-
 
|-
−
|G: 46 ||G: 138 ||G: 173 ||G: 91 ||G: 0  
+
|G: 70 ||G: 144 ||G: 164 ||G: 184 ||G: 0  
 
|-
 
|-
−
|B: 56 ||B: 214 ||B: 20 ||B: 26 ||B: 0
+
|B: 43 ||B: 200 ||B: 67 ||B: 71 ||B: 0
 
|-
 
|-
 
! colspan=5 | <translate><!--T:11-->
 
! colspan=5 | <translate><!--T:11-->
 
CMYK conversion values</translate>
 
CMYK conversion values</translate>
 
|-
 
|-
−
|C:  0 ||C: 68 ||C:  0 ||C:  57 ||C: 0  
+
|C:  0 ||C: 70 ||C:  0 ||C:  60 ||C: 0  
 
|-
 
|-
−
|M: 90 ||M: 34 ||M: 35 ||M:  0 ||M: 0  
+
|M: 90 ||M: 35 ||M: 40 ||M:  0 ||M: 0  
 
|-
 
|-
−
|Y: 86 ||Y:  0 ||Y: 85 ||Y: 100 ||Y: 0  
+
|Y: 100 ||Y:  0 ||Y: 85 ||Y: 100 ||Y: 0  
 
|-
 
|-
 
|K:  0 ||K:  0 ||K:  0 ||K:  0 ||K: 100
 
|K:  0 ||K:  0 ||K:  0 ||K:  0 ||K: 100
 
|-
 
|-
−
| bgcolor=#ED2E38 align=center style="color:white;"| <translate><!--T:12-->
+
| bgcolor=#E6462B align=center style="color:white;"| <translate><!--T:12-->
 
'''red'''</translate>
 
'''red'''</translate>
−
| bgcolor=#578AD6 align=center style="color:white;"| <translate><!--T:13-->
+
| bgcolor=#5290C8 align=center style="color:white;"| <translate><!--T:13-->
 
'''blue'''</translate>
 
'''blue'''</translate>
−
| bgcolor=#EBAD14 align=center style="color:white;"| <translate><!--T:14-->
+
| bgcolor=#F5A443 align=center style="color:white;"| <translate><!--T:14-->
 
'''orange'''</translate>
 
'''orange'''</translate>
−
| bgcolor=#61BF1A align=center style="color:white;"| <translate><!--T:15-->
+
| bgcolor=#7DB847 align=center style="color:white;"| <translate><!--T:15-->
 
'''green'''</translate>
 
'''green'''</translate>
 
| bgcolor=#000000 align=center style="color:white;"| <translate><!--T:16-->
 
| bgcolor=#000000 align=center style="color:white;"| <translate><!--T:16-->
Line 63: Line 66:
 
<section end=colortable/>
 
<section end=colortable/>
 
<translate><!--T:17-->
 
<translate><!--T:17-->
−
For richer blacks when printing large areas of black, use these CMYK values: C: 60  M: 40  Y: 40  K: 100
+
*For richer blacks when printing large areas of black, use these CMYK values: C: 60  M: 40  Y: 40  K: 100
 
In Adobe Photoshop&reg; the '''U''' colors can be found in the ''Pantone&reg; solid uncoated'' palette.</translate>
 
In Adobe Photoshop&reg; the '''U''' colors can be found in the ''Pantone&reg; solid uncoated'' palette.</translate>
  
 
<section begin=groups/>
 
<section begin=groups/>
 
{|
 
{|
−
|+ '<translate><!--T:18-->
+
|+ <translate><!--T:18-->
−
''Joomla! Working Groups'''</translate>
+
'''Joomla! Working Groups'''</translate>
−
| bgcolor=#ED8E03 style="color:white" |<tt>#ED8E03</tt>|| <translate><!--T:19-->
+
| bgcolor=#ED8E03 align=center style="color:white" |<tt>#ED8E03</tt>|| <translate><!--T:19-->
 
orange</translate>|| {{jforum|dev}}  
 
orange</translate>|| {{jforum|dev}}  
 
|-
 
|-
−
| bgcolor=#C348C3 style="color:white" |<tt>#C348C3</tt>|| <translate><!--T:20-->
+
| bgcolor=#C348C3 align=center style="color:white" |<tt>#C348C3</tt>|| <translate><!--T:20-->
 
fuchsia</translate>|| {{jforum|doc}}
 
fuchsia</translate>|| {{jforum|doc}}
 
|-
 
|-
−
| bgcolor=#70BE29 style="color:white" |<tt>#70BE29</tt>|| <translate><!--T:21-->
+
| bgcolor=#70BE29 align=center style="color:white" |<tt>#70BE29</tt>|| <translate><!--T:21-->
 
green</translate>|| {{jforum|found}}  
 
green</translate>|| {{jforum|found}}  
 
|-
 
|-
−
| bgcolor=#CC0000 style="color:white" |<tt>#CC0000</tt>|| <translate><!--T:22-->
+
| bgcolor=#CC0000 align=center style="color:white" |<tt>#CC0000</tt>|| <translate><!--T:22-->
 
red</translate>|| {{jforum|infra}}  
 
red</translate>|| {{jforum|infra}}  
 
|-
 
|-
−
| bgcolor=#C16B42 style="color:white" |<tt>#C16B42</tt>|| <translate><!--T:23-->
+
| bgcolor=#C16B42 align=center style="color:white" |<tt>#C16B42</tt>|| <translate><!--T:23-->
 
umbra</translate>|| {{jforum|trans}}  
 
umbra</translate>|| {{jforum|trans}}  
 
|}
 
|}
Line 90: Line 93:
 
<translate><!--T:24-->
 
<translate><!--T:24-->
 
[[Category:Style guides|Colors]]
 
[[Category:Style guides|Colors]]
−
[[Category:Joomla! Wiki need pages]]</translate>
+
[[Category:Joomla! Wiki need pages|Joomla! Wiki need pages]]
 +
[[Category:Needs updating|Needs updating]]
 +
</translate>
 
</noinclude>
 
</noinclude>

Revision as of 16:57, 7 January 2015

Other languages:
Bahasa Indonesia • ‎Deutsch • ‎English • ‎Nederlands • ‎eesti • ‎español • ‎français • ‎italiano • ‎português
Copyedit.png
This Page Needs Your Help

This page is tagged because it NEEDS UPDATING. You can help the Joomla! Documentation Wiki by contributing to it.
More pages that need help similar to this one are here. NOTE-If you feel the need is satistified, please remove this notice.
Reason: The Pantone IMG must be updated to respect the new official color codes.



Color is a strong and communicative element to any brand identity. The Joomla! logo is made up of an attractive and dynamic palette that will bring color and vibrance to all communication materials. The harmonious blend of colors provide great exibility in design while producing a consistent brand color scheme for all communications. When used, the logo color palette will generate a strong brand unity and create visually stunning materials that reflect the brand name.

Excerpt from Chapter 5 of the Joomla! Brand Manual (2005-02-10)


Joomla! Color Palette
red blue orange green black
Web conversion values
Hex #E6462B Hex #5290C8 Hex #F5A443 Hex #7DB847 Hex #000000
RGB conversion values
R: 230 R: 82 R: 245 R: 125 R: 0
G: 70 G: 144 G: 164 G: 184 G: 0
B: 43 B: 200 B: 67 B: 71 B: 0
CMYK conversion values
C: 0 C: 70 C: 0 C: 60 C: 0
M: 90 M: 35 M: 40 M: 0 M: 0
Y: 100 Y: 0 Y: 85 Y: 100 Y: 0
K: 0 K: 0 K: 0 K: 0 K: 100
red blue orange green black
  • For richer blacks when printing large areas of black, use these CMYK values: C: 60 M: 40 Y: 40 K: 100

In Adobe Photoshop® the U colors can be found in the Pantone® solid uncoated palette.


Joomla! Working Groups
#ED8E03 orange Developer forum
#C348C3 fuchsia Documentation forum
#70BE29 green Foundation forum
#CC0000 red Sites & Infrastructure forum
#C16B42 umbra Translations forum


Retrieved from "https://docs.joomla.org/index.php?title=JDOC:Colors&oldid=150215"