This is an example website created in Xara Web Designer+

Colors

The Xara Web Designer+ provide comprehensives control over applying, creating and altering the colors of objects. For simple documents, you can just choose colors from the Color Line or the on- screen color palette. For more advanced color editing there's named colors, graduated color, tints, shades, linked colors and contoning. Many documents and web templates provided are based on one theme color and several other colors that work well together to form a complete color scheme.

Color Line

The Color Line is displayed at the bottom of the editor window. It shows you the current fill and line colors, provides access to the color editor and provides a palette of pre-defined colors.

1. Color swatch - The outer rectangle of the color swatch shows the outline color and the center rectangle shows the fill color. These are the colors of any selected objects, or the current color attributes if no objects are selected. 2. Color editor - click to display the Color editor. 3. Color picker - The eye-dropper can be used to pick a color from any part of the document or any part of the computer screen including colors visible in other software. 4. No color - Clicking this applies a ‘no color fill’. A shift-click applies ‘no color’ to a line. The No Color button can also be used to restore the original colors to a photo which has had a contone color applied. 5. Current Fill color - A diamond marker in the top left denotes the fill color of the currently selected object 6. Current Line color - A diamond marker in the top right denotes the line color of the currently selected object.

Color Editor

The Color Editor allows you to select from any color of the spectrum. Unlike most graphics programs the Color Editor can remain on screen while you continue to work. It changes to reflect the color of the selected objects. Select the text, line or object that you want to color and access the Color Editor using one of these methods: • Choose ‘Utilities’ > ‘Color editor’. • Click ‘Ctrl+ E’. • Click the ‘Edit color’ icon or double click on the ‘Current line and fill color’ icon on the Color line. • With an object selected, right click the object and choose Fill Color.

1. Shows what you are editing 2. New named color 3. Show/hide advanced options 4. Eye dropper color picker 5. Previous color 6. Current color 7. Color panel (color model dependent) 8. HSV hue selector 9. Numeric values (color model dependent) 10. RGB hex color value 11. Color model (HSV, RGB, CMYK or grayscale) 12. 3D editor mode option (only RGB & CMYK) 13. No color patch (only available when editing local color) 14. Make Named Color local to Frame/Layer 15. Rename named color 16. Color editor help 17. Type of color: Normal, Spot (if available), Tint, Shade or Linked

12

10

6

5

3

4

13

16

17

1

2

7

8

11

14

15

9

More on Color Editing

Find out more about the power of Xara Web Designer+ in our summary of some of the key benefits and features below.

• The color line • Applying fill & line colors by drag & drop • Applying a Text or paragraph background color • Editing an object’s color • The Color Editor in detail

• Specifying colors in the Color Editor • The color models • Local colors and Theme colors • Theme color schemes • Creating your own color schemes • Creating new named colors

• Replacing colors • Editing named colors • Normal colors, Tints, Shades and Linked colors • Creating a Tint, Shade or Linked color • The Color Gallery

Additional information

In the online help you will find a lot of information on how to edit colors in Xara Web Designer. Below are some of the useful topics.

Website made using only Xara Web Designer+, and no other graphics or software tools.

An Introduction

Colors

Color Line

Color Editor

More on Color Editing

Additional information

Colors

Color Line

Color Editor

More on Color Editing

Additional information

An Introduction