Jump to content

cpt-city color ramps

Recommended Posts

Update, found a method and thought I'd make a quick tutorial to share with others, you can find it in the forum thread here or in the quote below:

Just now, melior64 said:

I recently saw this post by @ivanozzo sharing a great resource for gradients and colour ramps, but I couldn't figure out how to easily use the eyedropper tool with the gradient in order to copy them into Affinity Photo.

After a long time playing around, eventually I sussed it out - so here's a tutorial for anyone else who needs this!


Always Learning | Always Improving
Website   |   Twitter   |   Instagram   |   YouTube

Share this post

Link to post
Share on other sites

Nice tutorial @melior64

But it can be easier if you copy the gradient image from the site, and use the option File > New from clipboard.

With this, you've got a file of the same larger as the gradient, you only need to enlarge you canvas' height to add a fill layer below. This way, you'll be able to easily pick the colours where they change.

Once you've got a file, you just need to paste another gradient at the top and modify the gradient.


Another tip with the gradient tool: don't use the gradient panel, but the Gradient tool and draw your gradient on the fill layer (AP, or a rectangle in AD) from left to right. You can add dots for colours on your gradient at the right position and pick the colour once the dot is selected.


Share this post

Link to post
Share on other sites

Nice! And an interesting point is we don't need to switch to the colour picker to pick a colour, we just need to click in the image! :)

But we need the gradient panel to adjust middle point in gradients like the one in my previous post.

Share this post

Link to post
Share on other sites
On 8/21/2019 at 11:16 AM, melior64 said:

Is there a quick method for importing gradient images like these?

Hi, thanks for sharing this tutorial.

My workflow:

1) I generally read the stops and colors values from the .c3g file


2) I set-up the gradient tool with stop positions and colors (I generally use that in the adjustment)

3) I register a macro that applies this gradient

4) I add the macro to the Library (maybe inside a category, for example Hillshade):


But as you can see we don't have the gradient preview in this way.

Few days ago I've also created two excel files with all the gradients (using a Python script) from the cpt-city package (http://soliton.vm.bytemark.co.uk/pub/cpt-city/pkg/


But, I don't know if I can share these files in this forum, due to a license problem (each author has its own license)

Improvements we need for the adjustment gradient tool:

- The possibility to add float values in the stops.

- The possibility to insert opacity for each color

- The possibility to import gradients from  .cpt, svg ecc... 




Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.