Search the Community

Material Design color palette Last update : September 7, 2019 Version : 1.0.0 About This afpalette file contain all the main colors and variants of the Material Design color palette extracted (manually) from the Material Design Color Tool Website. Getting started Open the swatches pannel (View > Studio > Swatches). Click Panel Preferences (top right of the swatches pannel window) and select a palette type from the Import Palette sub-menu. Locate the file Material_Design_Colors.afpalette and click Open. The newly imported palette will now be available to choose in the palette pop-up menu. Missing variants Some variants are missing : All colors 50 light variants are white (#FFFFFF). Red, Grey and blue grey 100 light variants are white (#FFFFFF). Grey 900 dark variant is black (#000000). Text color swatches For texts on a light color background : Black - Disabled (#000000 38%) Black - Medium (#000000 60%) Black - High (#000000 87%) For texts on a dark color background : White - Disabled (#FFFFFF 38%) White - Medium (#FFFFFF 60%) White - High (#FFFFFF 87%) Readability You can change the appearance of the swatches in the pannel for a better readability : Open the swatches pannel (View > Studio > Swatches). Click Panel Preferences and select Show as list from the Appearance sub-menu. Click Panel Preferences and select Alphabetical from the Sort sub-menu. Sources Material Design Color Tool Material_Design_Colors.afpalette

This set is based on schemes from https://carto.com/carto-colors/ Download palette: Data Driven Color Schemes.afpalette Download AD sample: data driven color schemes.afdesign

This is a response to a question by user SunRiseMoon on July 02. 2019. A quick basic drawing lesson. As of this writing, shapes in Affinity designer have 2 attributes, the stroke and fill. Those are defined by vector curve(s). To be filled, those curves can be either open or closed, as long as they surround a 2D area. But if they are open, any "boolean" operation, such as add or divide, will close the curves between the end point of each. This often produces unusable shapes. In Affinity, shapes ar made frome a series of nodes, each one connecting to only those adjacent in the series. The nodes cannot connect to more than 2 other nodes. There is no branching of a curve object. In order to get filled areas of color, if the shape is to be made from the curves that are already there, the curves must be selected, and thru the node tool, joined, and then closed. Sometimes one may need to duplicate existing curves, and cut out sections w. the node tool. These can then be used to create an area that meets shapes that are already there. *** In the owl face example, various strokes were given varying thicknesses by manipulating the pressure curve. Those were "expanded," and added together to form ink like strokes. 3 of the original vector strokes were closed, and so those pen lines could have a fill assigned to them, and for smooth continuous areas of color. Other lines were unclosed shapes positioned either above of below the closed shapes. When the shapes were filled, most were below in the layer hierarchy, and so were hidded by the fill. I selected the "beak" line. See the copies go thru these steps. The line is closed. The closing line is extended upwards for a more natural appearance. A fill is assigned, and the stroke set to "none." the unclosed curve is then matched to the filled curves position, and given a varying line weight. At a reduced size, the beak group was placed over the face. OwlHeadStart.afdesign

Hi I did the update to the 1.7.0 version. When I export a CMYK .afdesign file to PNG, the 100% white background I made turn into a “yellowish/greyish” white after exporting. It also does it with every other colors. They become duller and not the same as in the .afdesign file I've created. In my Windows folder, it's the same thing. All the previews of my CMYK .afdesign files shows wrong colors. So i've chosen to reinstall the 1.6.5 But it do the same thing again ! I didn't had this issue before doing the update to the 1.7.0 version. And with RGB I don't have this problem. I'm on Windows 7, (64 bits) Can someone help me please? It's stressing me a lot. Colorimetry is already enough difficult when there is no problem...

21 macros for Affinity Photos to make your photo awesome :) Made by me Download: Egor_Komarov_color_grading.afmacros Examples: Download: Egor_Komarov_color_grading.afmacros

Whenever I import a PNG file, colors are all off... at first I thought it had something to do with my color settings, but then I realized that if I imported the same image on JPG the colors were right.

I disabled my right panel toolbars. I use XP and Serif X9.

Corel PSP has had a Materials Propery Dialog that presents you with the various options of using Mono, Complementary, Triad, Tetrad, Analogic, Accented choices. I think Photoshop has something similar (where else would Corel get this idea) . I think it would make a very nice, and very useful feature to APhoto. Since there's always numerous requests to add features to APhoto that come from Photoshop, why not add something from PSP?

When I open a photograph of a closeup of someone, the flesh/skin colors are distorted. It looks like the software is vectorizing the colors of the photograph as the colors don't blend together but are separated by rigid lines and Affinity Photo is also applying a lot of contrast which I also cannot remove. I have applied several color profiles to Affinity Photo but nothing seems to change. See the attached photos; the photo on the right is the original; the photo on the left is what Affinity Photo does to it and it can't be undone unless you close the file without saving changes. Help!

Hi all ! This is my palettes, extracted from Web/CSS Frameworks (Bootstrap, UI Kit, Material UI...) and Many brands. Get for free from my Github Repo Or from attached files... What is it ? In my work, like many people, i need to make lots of website sketch/présentation created with common Frameworks like Bootstrap or others. I made this with the excellent software Affinity Designer, and so, here are my own palettes created for this last. Palettes details Web/CSS Frameworks : Bootstrap 4.afpalette : 16 colors from Bootstrap 4 default theme {prefix bt4-} Bulma.io.afpalette : 19 colors from Bulma default theme {prefix bulma-} Groundworkcss.io.afpalette : 22 colors from GroundWork default theme {prefix gndwrk-} Material-ui.afpalette : 19 colors from Material UI default theme {prefix mui-} Spectre.css.afpalette : 7 colors from Spectre default theme {prefix spectre-} Uikit.com.afpalette : 12 colors from UI Kit default theme {prefix uikit-} - Kube.afpalette - Foundation.afpalette - Semantic-UI.afpalette Others : Brands.afpalette : 70+ brands colors (Affinity, Apple, Google, Microsoft, Amazon, Coca-Cola...) FlatUI 2 Japan.afpalette : 20 colors of Japan Flat UI 2 Old Colors.afpalette : 60+ old/vintage colors Human Body Human Body Bones.afpalette : 6 colors for human bones Human Body Hairs.afpalette : 70+ colors for human hairs Human Body Intimity.afpalette : 25 colors for human private parts Human Body Skins.afpalette : 26 colors for human skins Screenshots Material-ui.afpalette Spectre.css.afpalette Uikit.com.afpalette Bootstrap 4.afpalette Brands.afpalette Bulma.io.afpalette Groundworkcss.io.afpalette Human Body Skins.afpalette Kube.afpalette Foundation.afpalette Semantic-UI.afpalette FlatUI 2 Japan.afpalette Old Colors.afpalette Human Body Bones.afpalette Human Body Intimity.afpalette Human Body Hairs.afpalette

I'm not sure what happened, but when I bought the software after having the trial I opened it and white in the program is replaced by light pink. I've looked up the issue and couldn't find anything like this problem. I did see that it could have something to do with monitor color calibration, however I have a three monitor set up and all three show the issue. I tried exporting a quick drawing with white squares and the exported png is perfectly normal, whites were white! I don't know if it's a simple fix or not, but I'd really like to be able to use the software, I really enjoy it. Please, if someone can help me I'd really appreciate it! Thank you!

Although the range of picker types you have is quite wonderful, I'm used to working with HSB/V (Brightness or Value) instead of HSL (for lightness.) It's a common way of specifying colors especially in the land of video. HSL is a similar user experience, but there are a lot of times where it just makes sense to think of 100% brightness (which, to get the same RGB value, somehow works out to 50% lightness.) (And as you probably know, Adobe Photoshop's picker has HSB, not HSL.) This website does a great job of dynamically showing the difference: http://colorizer.org Would you consider adding this option to Designer/Photo/Photo for iPad? Thanks.

Hello Peoples ! Coming again here but with few questions that you may like or not but i believe it is quite useful to ask. All my questions here are based on Beta version of Affinity Photo not on the stable version and they're intended for understanding and helping to improve what already exist and not to raise comparatives between Apples and Oranges. ---------------------------------------------------------------------- Object: The Ring Function! I've been using it (not that much) since it was added to HSL Adjustment; well i really enjoy it and found it very useful when it comes to narrow and make precise color selection ...but i only see it in few of the adjustment layer that aims to work on colors. Q: Don't you think Recolor adjustment needs it to ? --------------------------------------------------------------------- Object: I've seen that there is the gear icon on the bottom right of adjustment layer when we have them opened but for unknown reason it does nothing when i click on it. Q: What it is intended to do or achieve ? --------------------------------------------------------------------- Object: As we all know that there is not enough online tutorial talking about really crazy tricks with Affinity Photo, i usually watch PS tutos and work on applying them in my AP workflow and they just work but ... for some reason i get lost when it come to do the Blend if thing. Q: Can you please point to a tutorial talking about that in details or simply share here how you do Blend if with Affinity Photo ? --------------------------------------------------------------------- Object: i often use the blend ranges function and just found it not working even if you click a million times on that gear. Q: Bug or me missing something ? Possible to fix it ? --------------------------------------------------------------------- Object: Let say i select a red color and want to add more to already selected using the same method, well ! on other software such as PS i would simply sample more color selection color by clicking Shift + Click and drag or click to add to already selected color. Q: How to that with Affinity Photo ? --------------------------------------------------------------------- Object: It is really useful to save selection made on a Photo or any other pixel related stuff but in the same time i personally found it to be quite hidden, burried into menues. Q: Possible to create a button on related tools (Sel. Brush - Flood Sel. etc.) next to the refine tool that allows that to be done without trying to find it in the menu ? -------------------------------------------------------------------- Object: in this last one, i will come to something i already asked about but i see no change until now. Let's talk about Masks (also i target adjustment layer because i love using their masking functionality). Okay ! Let's create a mask and press cmd/ctrl+i to invert it ... it stays the same i mean pure white when it should turn black (actually dark grey) when inverted and even when i paint with the brush tool on the mask it shows after i do another action such as cmd/ctrl+s or switch to another and start using it. Quite bad hein ! Q1: it is possible to fix this and make work as it should ? Q2: Possible to make the painting on mask more live and less delayed ? Okay ! Here i'm done with this. few here you will understand are bugs that need to be corrected and few other are kind of request but i count them as things that needs to be corrected at this level of development of Affinity Photo and what i point to here should also be checked and if possible get applied to Affinity Designer and Affinity Publisher because all 3 are based on the same principle and should not grow independently one another when it comes to these basic stuffs. Blessing to Y'all and don't forget it is not to raise a troll but to help improve the software.

Hi everyone, i´ve got a question, i couldn´t find a explanation about registration colors, you can produce them in the swatches panel, i found explanations for overprint and spot colors, but can someone point me to an explanation of "Registration Colors" ? what is it for ? thanks

Months ago I bought a Canon Pixma Pro-100 and started using Affinity Designer. My artwork came off the printer looking nearly identical to what I saw on the screen. I was very, very excited. Now I don't know what has happened, but everything that comes off the printer looks like crap. The colors are WAY off. Basics: - Affinity Designer on HP Envy x360 m6 laptop running Windows 10 Home (using laptop monitor and 2nd aux monitor) - Canon Pixma Pro-100 using Canon Semi-Gloss paper The default color profile that was being used was sRGB IEC1966-2.1. I don't know much about color profiles and that was the selection that showed up when I started digging. I have switched my document AND printer profiles to Canon PRO-100 <SG> 1/2 Photo Paper Plus Semi and Adobe RGB (1988) with zero changes in print output results. Everything I have read talks about calibrating monitors... I admit that I have not done this, however I am not printing photos but creating artwork in Adobe Animate using the standard color palette. I feel that no matter how my monitor calibration is set when I select red #FF0000 (255/0/0) that it should still print red, right? So here is the strangest part of this. I downloaded a test image to print. On my monitor the red looks red, green looks green, etc. When I imported the jpeg into Affinity Designer to print I immediately saw that the colors were different. The red appears more pale, the bright green looks like a pastel, etc. Here is a screen shot... pay special attention to the green in the 9-box just to the right of the ship photo. ...so I printed the sample graphic using Affinity Designer and the Canon Semi-Gloss color profile and ended up with this ugly POS: Granted, the light in my office isn't great, but the baby's face looks almost purple and not skin-tone like on the monitor. Hmmm.... WTF? Had a thought... hey, what if I print this using Windows instead of Affinity Designer? Right clicked the jpeg on my desktop and let Windows do it's thing and ended up with this... The color of the baby is VERY close to what I see on the monitor when I printed from Windows. The colors in the 9-box are DRASTICALLY different Windows vs Affinity Designer. So I thought that I could output my designs to a PNG and just let Windows print it... but I tried it with my own artwork and the results came out identical to every other attempt. (scratching head) Hoping someone can help. I'm overwhelmed by Google results on this topic.

More than 150 ready-made gradiens in .afpalette format. I picked up the best solutions for your creativity. WORK WITH VERSION 1.5 Beta AND HIGHER http://www.demo.egorkomarov.ru/Gradient-palette-for-Affinity-Designer/

So yes this has been a issue that has been going on for some time Idk if i just didn't notice or if its just my computer but the purview its like yeh looks the way i want but then export it then its significantly darker? If anybody has has something like this happen please help and if i need to ill go into more detail.

When the Designer for iPad was released back in July, I read the post on Affinity Spotlight showing the works of artists who had used the beta version (https://affinityspotlight.com/article/affinity-designer-for-ipad-a-special-beta/), and I was immediately captivated by the work by Ilya Shapko titled "Mystic Beast": I am trying to produce these same effects in my own works, and not sure I nailed it yet. I did find and download the color palette for this work from Dribbble: (https://dribbble.com/shots/4821906-Mystic-Beast), but it appears that he used some effects that I am as yet unaware of. Does anyone here know what tricks (bright/contrast adjustment, etc.) he used to produce these stunningly eye-popping effects, which layers/elements he applied them to, and how he applied them? I checked his website a while back, and someone else had already asked him to produce a tutorial showing how he did this, but I don't think is he inclined to do so. I did do two projects from the Affinity Designer Workbook (which is itself an exquisite work of art and beauty) titled "The Panther" and "Reflected Skyline", both of which are colorful works with dark backgrounds. However, neither of them really discuss how to make the colors pop like Ilya is able to do. If anyone knows of other places where I can go to learn this, please do share.

I'd like to add background color to a page but can't figure out how to do it. I select the color with the color picker. There are two opacity slides, but neither does anything as far as I can tell. What am I doing wrong?

Dear Team! So far, I do love your apps :-) One thing I would love to see is a common color swatch/palette management. In other words, having one common color palette database used by all the programs would help to keep consistency. Maybe that's somehow possible in future versions. Cheers, Chris

Hey guys, I can't seem to find a way to convert process colours to spot in Affinity Publisher Beta. Not quite sure if there is a way yet. When I'm doing a print job that has a die-line, perf, fold line, etc, I usually set them up as a spot colour. In InDesign I usually convert one of the colours (either cyan, magenta, yellow, black, or whatever) from Color Type: Process to Color Type: Spot and then assign a name to each (like die-line). Is there a way to do something like that in Affinity Publisher at the moment? Thanks!

When I import swatches using the “Import Palette…” item, I should be able to select palettes saved from Photoshop (ACO – Adobe Photoshop Color Swatch File) or Illustrator (ASE – Adobe Swatch Exchange File). Are there foreign palette formats that AD can import? Maybe that information should be in the Open dialog box… or somewhere. (The Help Center doesn’t seem to do anything. I can search for a topic like “palette,” but can’t expand the results, so maybe the AD entries are just stubs?)

.There is a little gray box just outside of the color swatches that is a part of the selection box that I can't access. I am working with the Trial version of Affinity Designer. I was looking for the color swatches and I noticed gray scale swatches. I didn't see the color swatches and didn't see them anywhere to be displayed in Studio. I accidently scrolled with the Magic Mouse while on the gray scale and I could barely see a selection box under it that would allow me to choose color swatches, Pantone swatches, etc. Why isn't that selection box in clear view and useable? Mac OS Sierra.

Why is it the set of colors different from the layers panel to the options bar?

Dear Affinity-Community, I hope you can help me in this case ! I created a flyer using Affinity Designer. Colors are CMYK (ISO Coated v2 300% (ECI)). For this flyer I have approx. 50 photos of leather watch straps, where the color is one of the most important things. I edited these photos in Photoshop CC and they really looked fine in PS CC (also CMYK !). The colors are very rich and deep if you are looking at the photos in Photoshop CC. Then I exported the photos from Photoshop and saved them as PNG (CMYK / ISO Coated v2 300% (ECI)). Also the image looked fine when I opened it at the preview on the iMac. But as soon as I import this image to Affinity Designer, the colors are very very pale ! I hope you can help me get this problem under control. Thank you in advance ! Best regards Lucas