2014-08-26

Level Up - Paint.NET & Android: How to create new color palettes for Android Holo and Material design

If you work in Android and Paint.NET, here's some quick tips and resources to make both easier to work with. When designing graphics in Paint.NET, it would be really useful to have direct access to all of the Android design guide colors. So, here's how to save and load different color palettes in Paint.NET:



Step 1: In the Colors window in the lower left (click F8 if you don't see it), there are two clicks to open the color palettes folder as you can see in the below screenshot.
How to open color palettes folder in Paint.NET
Step 2: You should now have an empty folder open. Create a new text file in the folder called "material-design.txt" and fill it with all of the following information:
; Colors from http://www.google.com/design/spec/style/color.html#
; paint.net Palette File
; Lines that start with a semicolon are comments
; Colors are written as 8-digit hexadecimal numbers: aarrggbb
; For example, this would specify green: FF00FF00
; The alpha ('aa') value specifies how transparent a color is. FF is fully opaque, 00 is fully transparent.
; A palette must consist of ninety six (96) colors. If there are less than this, the remaining color
; slots will be set to white (FFFFFFFF). If there are more, then the remaining colors will be ignored.
FF000000
FFE51C23
FFE91E63
FF9C07B0
FF673AB7
FF3F51B5
FF5677FC
FF03A9F4
FF00BCD4
FF009688
FF259B24
FF8BC34A
FFCDDC39
FFFFDB3B
FFFFC107
FFFF9800
FFFFFFFF
FFFF5722
FF795548
FF9E9E9E
FF607D8B
After saving this file, restart Paint.NET and in the dropdown, you'll see the "material-design" color palette to choose. Once you choose it, you should see something like the following:
Google Material Design color palette in Paint.NET

To add the Android Holo color palette to Paint.NET, create another new text file ("android-holo.txt") in the palettes folder, and copy in the following lines:
; Colors from http://developer.android.com/design/style/color.html
; paint.net Palette File
; Lines that start with a semicolon are comments
; Colors are written as 8-digit hexadecimal numbers: aarrggbb
; For example, this would specify green: FF00FF00
; The alpha ('aa') value specifies how transparent a color is. FF is fully opaque, 00 is fully transparent.
; A palette must consist of ninety six (96) colors. If there are less than this, the remaining color
; slots will be set to white (FFFFFFFF). If there are more, then the remaining colors will be ignored.
FF000000
FF33B5E5
FFAA66CC
FF99CC00
FFFFBB33
FFFF4444
FF000000
FF000000
FF000000
FF000000
FF000000
FF000000
FF000000
FF000000
FF000000
FF000000
FFFFFFFF
FF0099CC
FF9933CC
FF669900
FFFF8800
FFCC0000
FF000000
FF000000
FF000000
FF000000
FF000000
FF000000
FF000000
FF000000
FF000000
FF000000
7F000000
7F33B5E5
7FAA66CC
7F99CC00
7FFFBB33
7FFF4444
7F000000
7F000000
7F000000
7F000000
7F000000
7F000000
7F000000
7F000000
7F000000
7F000000
7FFFFFFF
7F0099CC
7F9933CC
7F669900
7FFF8800
7FCC0000
7F000000
7F000000
7F000000
7F000000
7F000000
7F000000
7F000000
7F000000
7F000000
7F000000
This text file should provide you with a color palette that looks like the following:

Android Holo color palette in Paint.NET

Tip:
- If you want a quick example on how the color palette file should look, then you can save a current instance and just edit it manually in a text editor, which may sometimes be easier or quicker than changing the colors through the Colors window GUI.
- You can find more info on the documentation for Working With Palettes


~ Danial Goodwin ~



Post a Comment