View source for How to create your own colours

{{HOWTO Index}} [[Category:EN]] [[Category:Color]]
[[File:creating_colours_title.png|centre]]
<div style="float: left;">__TOC__</div>{{TutorialKey}}{{clear}}
== Introduction ==

This article introduces you to the basics of colours in Scribus and shows you how to:
* Know the difference between the two main colour models.
* Navigate the Colours dialog.
* Create your own colours.
* Retrieve a colour from an existing colour palette.
* Copy/import colours from an existing document.
* Create your own "custom palettes".

== Colour Basics ==

Scribus give you the choice creating colours using two different colour models: RGB and CMYK. A colour model is just a way of selecting a colour.

{{Annotation|info|You might have heard about something called "Colour Management". Colour Management is used to make sure - as much as possible - that the colours you see on the screen will be the same colours printed on the page. This article does not cover this as it's a very complicated subject but it is necessary for projects that are to be printed professionally. You can get more information on colour management [http://en.wikipedia.org/wiki/Color_management here].}}

=== RGB ===

[[File:creating_colours_rgb.png|frame]]
RGB is an acronym for "'''R'''ed, '''G'''reen and '''B'''lue" and is the standard used for visual displays. If you are not expecting your document to be printed then using RBG colours will be fine. You can find out much more about the RGB colour model [http://en.wikipedia.org/wiki/RGB_color_model here].

{{Annotation|info|There is actually a third model, called "Web Safe RGB" but that isn't used much as most displays these days can use all of the possible RGB values. Basically you can forget the "Web Safe RBG" model unless you have very specific requirements.}}

=== CMYK ===

[[File:creating_colours_cmyk.png|frame]]
CMYK is an acronym for "'''C'''yan, '''M'''agenta, '''Y'''ellow and '''K'''ey" and is the standard used in the printing industry. If you expect to get your document printed professionally you should try and use CMYK colours. Even if you are printing using a home/office printer you should think about using CYMK. (Look at the colour cartridge(s) in your printer. If one is light blue, one is purple or dark blue, and one is yellow then you're using something like CMYK.)

If you think you might need to use Colour Management - as briefly mentioned above -  then you should use CMYK from the start. This will make it easier when you come to printing. You might be able to use RGB colours but your print shop will  probably work with CMYK by default and might complain if you use RGB. You can find out much more about the CMYK colour model [http://en.wikipedia.org/wiki/CMYK_color_model here].

{{Callout|info|Which to Choose?|The choice of which colour model you use it totally up to you but, if you're confused and/or just want to get on with things, use these general guidelines:
# "If you will be printing your document, then use CMYK."
# "If your document is for on-screen use only, then you're okay to use RGB."
These basic guidelines are very simplistic but they're fine for most purposes. The important thing to do is to stick to one model throughout your document and don't "mix and match". '''If you are in any doubt, check with your print shop first. They will be able to advise you.'''}}

=== Spot Colours ===

Scribus also allows you to make a colour into a "Spot Colour". Spot Colours are more complicated than they seem and you can find out more information on them [[How to use spot colours with Scribus|here]] and [http://en.wikipedia.org/wiki/Spot_color here], but you can think of them as an instruction to your print shop to use a special ink.

For instance, if you want a certain colour to be printed using a metallic ink - a shiny gold perhaps - then you should make this colour a Spot Colour. You should also be ready to explain to the print shop exactly what you want.

In general, don't create your own Spot Colours unless you know what you're doing.

== The Colours Dialog ==

[[File:creating_colours_dialog.png|centre]]
The {{Window|Colours|icons}} dialog is where you will manage all of the colours used in your document.

{{Annotation|note|Colours in image files - JPG, PNG, TIFF, etc. - are not part of your document. The colours in the image are part of the image and are separate from the colours in your document. You cannot change colours in the image by changing them in Scribus. You can apply effects that will alter how the image looks but the image itself will be unaffected.}}

To open the {{Window|Colours|icons}} dialog:
* Open Scribus and create a new document (unless you've already got a document open).
* Choose menu {{MenuString|Edit|Colours&hellip;}}

You will be presented with a dialog that looks like that above.

The list on the left-hand side shows the colours already defined in your document. To do something with a colour it should be selected in this list before performing the action.

The buttons on the right have the following functions:
* {{Button|Import}} lets you copy all of the colours from another document.
* {{Button|New}} lets you create a new colour from scratch.
* {{Button|Edit}} lets you change an already existing colour.
* {{Button|Duplicate}} lets you copy an existing colour and alter the copy.
* {{Button|Delete}} lets you remove a colour from your document (or replace it with another existing colour).
* {{Button|Remove Unused}} deletes all the colours from your document that aren't being used by anything.

{{Button|OK}} accepts any changes you've made, and {{Button|Cancel}} undos any changes you've made.

== The Colour Editor ==

[[File:creating_colours_editor.png|centre]]
If you press the any of the {{Button|New}} {{Button|Edit}} or {{Button|Duplicate}} buttons you will be presented with the {{Window|Edit Colour|icons}} dialog as above.

At the top-left of the editor you will see the name of the colour you are working on. You can use any name you want - including spaces - as long as it's not already being used by another colour.

{{Annotation|info|The colours are always listed in ascending alphabetical order but UPPERCASE characters are treated as being earlier in the alphabet than lowercase characters so a colour named "almond" will be listed below one called "Zebrafinch".}}

{{Annotation|warning|If you have imported some SVG vector art into your document, the colours used by this art will have been imported with names such as "FromSVG#<values>" where <values> are the hexadecimal RGB values that make up that colour. If you delete this colour your SVG art will change. Be careful.}}

Below the name is a drop-down selector for the "Colour Model" - CMYK/RGB, as mentioned earlier.

Below that are two panels. The panel on the left shows the Old (original) colour, and the one on the right is the New (changed) colour. The Old colour is always "White" when you create a new colour. If you are editing a colour, the Old colour is what the colour was before you made any changes. If you are duplicating a colour, the Old colour is the original colour you are making a duplicate of. The New colour is always what will be created when you press {{Button|OK}}.

[[File:creating_colours_hsv_map.png|centre]]
At the top-right of the dialog is the "Palette Selector" drop-down menu. By default this is set to "HSV Colour Map". Selecting from the HSV Colour Map gives you the multi-coloured rectangle like that above where you can click to select the colour under the mouse pointer.

{{Callout|info|What is HSV?|HSV is an acronym for "'''H'''ue, '''S'''aturation, '''V'''alue". Don't worry if this doesn't explain things much more, it's just a way of selecting colours from a standard colour palette. You can get much more information about it [http://en.wikipedia.org/wiki/HSL_and_HSV here] if you feel that way inclined.}}

Below the Colour Map are some sliders that you can use to alter the colour you are currently working on. Next to each slider is a text field where you can enter a value directly and to the right of each field is a set of spinner arrows that allow you to quickly increment/decrement that value.

=== Creating a new colour from scratch ===

With the {{Window|Colours|icons}} dialog open - choose menu {{MenuString|Edit|Colours&hellip;}} if it's not already open - press the {{Button|New}} button.

You will be presented with the {{Window|Edit Colour|icons}} dialog.

To create a new CMYK colour make sure the Colour Model is set to CMYK. To create a new RGB colour make sure the Colour Model is set to RGB.

It is recommended that you give the colour a name that relates to what you're using the colour for. For example, if you want a dark blue colour for the background to a banner then you should name the colour something like "Banner Background". Naming colours this way avoids confusion if you decide to change the colour later. For the same example, if you originally named the colour "Dark Blue" but wanted to change the banner background to red - instead of dark blue - you would have to rename the colour along with changing it. (And what if you changed your mind again?)

Click anywhere on the Colour Map to select the colour that is under the pointer. (Drag the pointer across the map to see the colour change.)

As you select a colour from the Colour Map the "New" colour panel - over on the left - will change to show you what the new colour will look like.

Use the sliders below the Colour Map to adjust the colour as you want it. Drag a slider to alter that component of the colour. For instance, if you are working on a CMYK colour, dragging the "C" slider will change the amount of Cyan in the colour. You can also set specific values for each colour component using the text input fields to the right of each slider.

Once you're happy with your new colour you can press {{Button|OK}} to create it or, if you no longer want the new colour, press {{Button|Cancel}}.

{{Annotation|info|You might sometimes see the Colour Map go darker than before. This is because the Colour Map "follows" the RGB/CMYK values and gives you a selection of colours that have a similar brightness. To make the Colour Map lighter again you will need to change the values to make the colour lighter (but you would no longer be editing the same colour).}}

{{Annotation|caution|Within the {{Window|Edit Colour|icons}} dialog you can switch from RGB to CMYK (and back the other way). While this will be okay for most purposes you should know that not all RGB colours can be printed with CMYK and vise versa. The colour on screen may look the same but there may be a subtle difference that might not be spotted until you go to print. Just be careful, especially if any mistakes will cost you money.}}

=== Creating a new colour from an existing palette ===

[[File:creating_colours_palettes.png|centre]]
With the {{Window|Colours|icons}} dialog open press the {{Button|New}} button.

You will be presented with the {{Window|Edit Colour|icons}} dialog as before.

If you click on the Palette Selector drop-down menu - top-right - you will be presented with a named list of standard colour palettes to choose from. Selecting one of these palettes will change the Colour Map to a list of named colours, as shown above. You can select any of these colours by clicking on it.

For instance, click on the Palette Selector, scroll down until you get to the "CrayonTM" palette and click on it. You will see that the Colour Map has been replaced with a list of named colours. Clicking on a colour - for example "Aquamarine" - will change the colour you are editing to reflect the values that are stored for that named colour. (In Aquamarine's case it is a light blue.) You may also notice that the colour model may have changed. This is because some palettes are RGB palettes and some are CMYK palettes (there's no way to know before you start looking at one).

If you now change the colour values you do not change the colour in the standard palette. You are only changing your own copy of that colour.

When you pick a colour from one of the standard palettes, Scribus will automatically rename the colour as the name of the colour in the palette. You may want to rename it yourself to something more useful.

Picking colours from a standard palette can sometimes make it easier to get colours that work well together. There are dozens of palettes supplied with Scribus so why not have a look at some and see what you can find?

=== Editing an existing colour ===

With the {{Window|Colours|icons}} dialog open select a colour from the list on the left and press the {{Button|Edit}} button.

You will be presented with the {{Window|Edit Colour|icons}} dialog as before but you will be editing the colour you selected.

You can change the Colour Model and values - as you would do when creating a new colour - to anything you want.

Pressing {{Button|OK}} makes the changes to the colour, while {{Button|Cancel}} cancels any changes you made.

=== Duplicating a colour ===

With the {{Window|Colours|icons}} dialog open select a colour from the list on the left and press the {{Button|Duplicate}} button.

You will be presented with the {{Window|Edit Colour|icons}} dialog as before but you are now editing a copy of the colour you selected.

You will notice that the name of the colour has been temporarily changed to "Copy of <colour>" where <colour> is the name of the colour you originally selected. You should change this name to something better.

The original colour you selected will not change. Any change you make here will be to the new duplicate. Alter the Colour Model and/or values as you want.

Once you press {{Button|OK}} your new colour will be created. Press {{Button|Cancel}} if you no longer want the new colour.

=== Deleting a colour ===

[[File:creating_colours_delete.png|centre]]
With the {{Window|Colours|icons}} dialog open select a colour from the list on the left and press the {{Button|Delete}} button.

You will now be presented with a new {{Window|Delete Colour|icons}} dialog as above.

Here you should select which other existing colour the deleted colour will be replaced with by using the drop-down menu. Any object that has been given the colour you are deleting - text, outline, fill, etc. - will have that colour replaced by the one you choose. For example, if you are deleting "Red" and replacing it with "Blue" then anything with "Red" as its colour will now be coloured "Blue".

Selecting "None" as the replacement colour will cause everything that has the colour you're deleting to not have any colour at all.

{{Button|OK}} the dialog to really delete the colour, or press {{Button|Cancel}} to cancel the deletion.

{{Annotation|caution|Once a colour has been deleted that deletion cannot be Undone. If you need the colour again you will have to re-create it. If you are not sure which colours you're using then you should use "Remove Unused Colours" (see below) instead.}}

=== Removing unused colours ===

Sometimes your list of colours can become messy with lots of colours which you created for whatever reason but no longer want. You could go through the list, selecting each one that you know you're not using in turn, and deleting them but that can be quite a long process and you might accidentally delete one that you didn't mean to.

For this reason Scribus has the "Remove Unused Colours" function.

With the {{Window|Colours|icons}} dialog open press the {{Button|Remove Unused}} button.

{{InlineAnnotation|caution|This function has no user interaction. It will not ask for any confirmation.}}

Once this button is pressed, Scribus will look at each colour in the list and check to see if anything is using that colour. If anything is using the colour then Scribus will ignore it and move on the the next. If nothing is using that colour then Scribus will immediately delete it without checking with you first. Once Scribus has been through all of the colours it will update the list to show only those colours that are being used by objects in your document.

{{Annotation|note|The colours "Black", "Registration" and "White" are never removed. They are the bare minimum that most documents need, so they are always kept, even if nothing is actually using them.}}

=== Importing colours from another document ===

Sometimes you have a colour defined in another document that you would like to use in your current one. While you could re-create the colour manually it's usually much quicker to import the colour from the other document.

With the {{Window|Colours|icons}} dialog open press the {{Button|Import}} button.

You will now be presented with an {{Window|Open File|icons}} dialog where you can choose which document - Scribus SLA file - you want to import the colour from. Select a document and press {{Button|OK}} to import <u>all</u> of the colours from the selected document. (Press {{Button|Cancel}} to cancel the import.)

Importing gets all of the colours from the selected document and adds them to your open document. Once you've used the colour you want on an object you can use the "Remove Unused Colours" function to remove the others that were imported, if you want to.

== Custom Palettes ==

Using the functions above you can create your own "custom palettes" which you can use in any other document.

* Create a new document.
* Set-up the colours as required. Make sure you get them right as they'll be used multiple times.
* Save the document with a good name. E.g. "Gardening Newsletters Palette".
* Close the document and create a new one.
* Use the {{Button|Import}} button in the {{Window|Colours|icons}} dialog to copy the colours from your saved "palette" document into your new document.

Just remember that any changes you make to the colours you imported will not be reflected back to the "palette" document. And if you change the "palette" document colours you'll need to re-import them to see the changes.

== The Colour Wheel ==

[[File:creating_colours_colour_wheel_dialog.png|centre]]
Another way you can create colours in Scribus is by using the Colour Wheel. The colour wheel allows you to easily select colours which look good together.

* Close the {{Window|Colours|icons}} dialog if you've still got it open.
* Choose menu {{MenuString|Extras|Colour Wheel&hellip;}}

You should now be seeing the Scribus {{Window|Colour Wheel|icons}} dialog as above.

The dialog is split into five general areas:
* At the top-left is the colour wheel itself where you can pick the Base Colour.
* Under that is the Method selection area where you choose how Scribus selects other colours.
* Under that is the Preview area where you can see how your chosen colours will look together in different circumstances.
* At the top-right is the area where you can more precisely alter the colour values of the Base Colour.
* Under that is a list of the colours that have been chosen, either by you or Scribus.

=== The Base Colour ===

When you use the Colour Wheel you are always working from a Base Colour. This Base Colour tells Scribus the colour to use when choosing other colours. The Base Colour is always shown in the centre circle of the Colour Wheel.

You can click on a colour on the Colour Wheel to select that colour as the Base Colour, or drag the pointer around while keeping the left mouse button held down to see the Base Colour changing.

There are a number of small circles around the Colour Wheel that show the places where Scribus is choosing the colours from. The red circle shows where the Base Colour is on the wheel and the other black circle(s) show where the other colours are.

{Annotation|note|You cannot select any colour as the Base Colour. Because of the way the Colour Wheel works, some colours cannot be chosen. It's just how things are at the moment but it's being worked on.}}

=== The Colour Scheme Method ===

Scribus can use a variety of methods to choose colours. These are:
# Monochromatic - three colours: the base, a lighter version of the base, and a darker version.
# Analogous - three colours: the base and two colours that are at an angle - see below - from the base.
# Complementary - two colours: the base and another that contrasts the base.
# Split Complementary - five colours: a combination of Analogous and Complementary.
# Triadic - three colours: the base and two colours at 120 degrees - see below - from the base.
# Tetradic - four colours: the base, an Analogous colour and two Complementary colours.

You really don't need to know how these methods choose their colours or what the names mean. All you need to do is experiment with them and see what looks best. Don't worry about the mathematics involved, just go with what looks right.

==== Angles ====

For some of the methods you can choose an "Angle" with the field below the method drop-down menu. The Angle just tells Scribus how far round the wheel - away from the base colour - to select the other colours from. Again, don't worry about the mathematics, just experiment and see what you think looks nice.

=== Preview ===

Beneath the Colour Scheme Method panel is the Preview Panel. The main portion of this panel shows you swatches of the colours that you and Scribus have chosen with some light and dark text overlayed so you can see how they might look in your document.

Above this preview is a Vision Defect Type drop-down menu. Using this you can change the type of preview that you will see. "Normal Vision" will show how the colours will look to someone who has normal vision, as you would expect. The other types show how the colours would look to someone who has a certain problem with their vision. Select a defect type from the drop-down list to change the preview.

=== Base Colour Selection ===

At the top-right of the dialog you have a panel where you can specify precisely the colour values for the base colour. You can specify the values by typing in the text fields or using the spinners to nudge the values. The purpose of the CMYK, RGB and HSV tabs should be reasonably apparent, and the Document tab allows you to choose one of the existing document colours as the base colour.

=== Result Colours ===

The Result Colours panel - at the bottom-right of the dialog - shows the colours as they would be if they were added to the document and what their names would be. You can't make any changes here. It's just for information. You can rename the colours through the {{Window|Colours|icons}} dialog - as shown above - if you want to.

Click on a colour on this list to see more information about it in the table below.

=== Merging and Replacing ===

When you're ready to add the selected colours to your document you can use either the {{Button|Merge}} or {{Button|Replace}} button. {{Button|Cancel}} closes the dialog without making any changes.

If you Merge the colours, Scribus will add the new colours to the list of colours in the document. If a colour already exists with the same name you will get a warning and will be taken to the {{Window|Colours|icons}} dialog to rename the existing colour before continuing.

If you Replace the colours, Scribus will add the new colours as with Merge but any existing colour with the same name will be overwritten. This facility can come in useful if you are trying out different colour schemes.

For example, you could:
# Create an initial colour scheme using the colour wheel.
# Set-up your document as you want it.
# Go back to the colour wheel and choose a different scheme.
# Replace the colours to see the changes.

== Tutorial Instructions ==

{{InlineAnnotation|info|'''If you have been sent here by a link from a tutorial and you don't know how to create colours, go to the top of this article and start reading it from there.'''}}

In some of the tutorials on this wiki you will be instructed to create certain colours so that you can follow along with what's happening.

In such cases you will be given instructions such as:
* Create a new RGB colour "Violet" with values 146, 110 and 174.

In this case you would:
* Choose menu {{MenuString|Edit|Colours&hellip;}}
* Press the {{Button|New}} button.
* Change the name of the colour to "Violet" (without the quotes).
* Make sure the Colour Model is set to RGB.
* Use the sliders or entry fields to set "R" to 146, then set "G" to 110, then "B" to 174.
* Press the {{Button|OK}} button to create the new colour.
* Press {{Button|OK}} on the {{Window|Colours|icons}} to go back to your document unless you have to create more colours.

Similarly, if you were instructed to:
* Create a new CMYK colour "Goldenrod" with values 4%, 14%, 62%, 1%.

You would:
* Choose menu {{MenuString|Edit|Colours&hellip;}}
* Press the {{Button|New}} button.
* Change the name of the colour to "Goldenrod" (without the quotes).
* Make sure the Colour Model is set to CMYK.
* Use the sliders or entry fields to set "C" to 4%, then set "M" to 14%, then "Y" to 62%, then "K" to 1%.
* Press the {{Button|OK}} button to create the new colour.
* Press {{Button|OK}} on the {{Window|Colours|icons}} to go back to your document unless you have to create more colours.

The colour values given will always be given in the order R, then G, then B for RGB colours, or C, then M, then Y, then K for CMYK colours.

== Conclusion ==

You've now seen how you can add colours to your document and remove colours which you don't want.