SVG Color Chart

A place for Ren'Py tutorials and reusable Ren'Py code.
Forum rules
Do not post questions here!

This forum is for example code you want to show other people. Ren'Py questions should be asked in the Ren'Py Questions and Announcements forum.
Post Reply
Message
Author
User avatar
wyverngem
Miko-Class Veteran
Posts: 539
Joined: Mon Oct 03, 2011 7:27 pm
Completed: Simple as Snow, Lady Luck's Due,
Projects: Aether Skies, Of the Waterfall
Tumblr: casting-dreams
itch: castingdreams
Location: USA
Contact:

SVG Color Chart

#1 Post by wyverngem » Tue Oct 11, 2016 12:10 pm

Here is a list of pre-made SVG colors that are defined so you can add them to scenes as well as colors for text. I've been using it for a while and it's been very helpful when trying to customize screen colors without having to look up hex codes.

Code: Select all

scene black

Code: Select all

style my_screen_textbutton:
    text_color pink
Raw Code:

Code: Select all

init -500:
    image aliceblue = Solid("#f0f8ff")
    image antiquewhite = Solid("#faebd7")
    image aqua = Solid("#00ffff")
    image aquamarine = Solid("#7fffd4")
    image azure = Solid("#f0ffff")
    image beige = Solid("#f5f5dc")
    image bisque = Solid("#ffe4c4")
    image black = Solid("#000000")
    image blanchedalmond = Solid("#ffebcd")
    image blue = Solid("#0000ff")
    image blueviolet = Solid("#8a2be2")
    image brown = Solid("#a52a2a")
    image burlywood = Solid("#deb887")
    image cadetblue = Solid("#5f9ea0")
    image chartreuse = Solid("#7fff00")
    image chocolate = Solid("#d2691e")
    image coral = Solid("#ff7f50")
    image cornflowerblue = Solid("#6495ed")
    image cornsilk = Solid("#fff8dc")
    image crimson = Solid("#dc143c")
    image cyan = Solid("#00ffff")
    image darkblue = Solid("#00008b")
    image darkcyan = Solid("#008b8b")
    image darkgoldenrod = Solid("#b8860b")
    image darkgray = Solid("#a9a9a9")
    image darkgreen = Solid("#006400")
    image darkgrey = Solid("#a9a9a9")
    image darkkhaki = Solid("#bdb76b")
    image darkmagenta = Solid("#8b008b")
    image darkolivegreen = Solid("#556b2f")
    image darkorange = Solid("#ff8c00")
    image darkorchid = Solid("#9932cc")
    image darkred = Solid("#8b0000")
    image darksalmon = Solid("#e9967a")
    image darkseagreen = Solid("#8fbc8f")
    image darkslateblue = Solid("#483d8b")
    image darkslategray = Solid("#2f4f4f")
    image darkslategrey = Solid("#2f4f4f")
    image darkturquoise = Solid("#00ced1")
    image darkviolet = Solid("#9400d3")
    image deeppink = Solid("#ff1493")
    image deepskyblue = Solid("#00bfff")
    image dimgray = Solid("#696969")
    image dimgrey = Solid("#696969")
    image dodgerblue = Solid("#1e90ff")
    image firebrick = Solid("#b22222")
    image floralwhite = Solid("#fffaf0")
    image forestgreen = Solid("#228b22")
    image fuchsia = Solid("#ff00ff")
    image gainsboro = Solid("#dcdcdc")
    image ghostwhite = Solid("#f8f8ff")
    image gold = Solid("#ffd700")
    image goldenrod = Solid("#daa520")
    image gray = Solid("#808080")
    image green = Solid("#008000")
    image greenyellow = Solid("#adff2f")
    image grey = Solid("#808080")
    image honeydew = Solid("#f0fff0")
    image hotpink = Solid("#ff69b4")
    image indianred = Solid("#cd5c5c")
    image indigo = Solid("#4b0082")
    image ivory = Solid("#fffff0")
    image khaki = Solid("#f0e68c")
    image lavender = Solid("#e6e6fa")
    image lavenderblush = Solid("#fff0f5")
    image lawngreen = Solid("#7cfc00")
    image lemonchiffon = Solid("#fffacd")
    image lightblue = Solid("#add8e6")
    image lightcoral = Solid("#f08080")
    image lightcyan = Solid("#e0ffff")
    image lightgoldenrodyellow = Solid("#fafad2")
    image lightgray = Solid("#d3d3d3")
    image lightgreen = Solid("#90ee90")
    image lightgrey = Solid("#d3d3d3")
    image lightpink = Solid("#ffb6c1")
    image lightsalmon = Solid("#ffa07a")
    image lightseagreen = Solid("#20b2aa")
    image lightskyblue = Solid("#87cefa")
    image lightslategray = Solid("#778899")
    image lightslategrey = Solid("#778899")
    image lightsteelblue = Solid("#b0c4de")
    image lightyellow = Solid("#ffffe0")
    image lime = Solid("#00ff00")
    image limegreen = Solid("#32cd32")
    image linen = Solid("#faf0e6")
    image magenta = Solid("#ff00ff")
    image maroon = Solid("#800000")
    image mediumaquamarine = Solid("#66cdaa")
    image mediumblue = Solid("#0000cd")
    image mediumorchid = Solid("#ba55d3")
    image mediumpurple = Solid("#9370db")
    image mediumseagreen = Solid("#3cb371")
    image mediumslateblue = Solid("#7b68ee")
    image mediumspringgreen = Solid("#00fa9a")
    image mediumturquoise = Solid("#48d1cc")
    image mediumvioletred = Solid("#c71585")
    image midnightblue = Solid("#191970")
    image mintcream = Solid("#f5fffa")
    image mistyrose = Solid("#ffe4e1")
    image moccasin = Solid("#ffe4b5")
    image navajowhite = Solid("#ffdead")
    image navy = Solid("#000080")
    image oldlace = Solid("#fdf5e6")
    image olive = Solid("#808000")
    image olivedrab = Solid("#6b8e23")
    image orange = Solid("#ffa500")
    image orangered = Solid("#ff4500")
    image orchid = Solid("#da70d6")
    image palegoldenrod = Solid("#eee8aa")
    image palegreen = Solid("#98fb98")
    image paleturquoise = Solid("#afeeee")
    image palevioletred = Solid("#db7093")
    image papayawhip = Solid("#ffefd5")
    image peachpuff = Solid("#ffdab9")
    image peru = Solid("#cd853f")
    image pink = Solid("#ffc0cb")
    image plum = Solid("#dda0dd")
    image powderblue = Solid("#b0e0e6")
    image purple = Solid("#800080")
    image red = Solid("#ff0000")
    image rosybrown = Solid("#bc8f8f")
    image royalblue = Solid("#4169e1")
    image saddlebrown = Solid("#8b4513")
    image salmon = Solid("#fa8072")
    image sandybrown = Solid("#f4a460")
    image seagreen = Solid("#2e8b57")
    image seashell = Solid("#fff5ee")
    image sienna = Solid("#a0522d")
    image silver = Solid("#c0c0c0")
    image skyblue = Solid("#87ceeb")
    image slateblue = Solid("#6a5acd")
    image slategray = Solid("#708090")
    image slategrey = Solid("#708090")
    image snow = Solid("#fffafa")
    image springgreen = Solid("#00ff7f")
    image steelblue = Solid("#4682b4")
    image tan = Solid("#d2b48c")
    image teal = Solid("#008080")
    image thistle = Solid("#d8bfd8")
    image tomato = Solid("#ff6347")
    image turquoise = Solid("#40e0d0")
    image violet = Solid("#ee82ee")
    image wheat = Solid("#f5deb3")
    image white = Solid("#ffffff")
    image whitesmoke = Solid("#f5f5f5")
    image yellow = Solid("#ffff00")
    image yellowgreen = Solid("#9acd32")
    # Variables (Hopefully you won't use these names
    $ aliceblue = "#f0f8ff"
    $ antiquewhite = "#faebd7"
    $ aqua = "#00ffff"
    $ aquamarine = "#7fffd4"
    $ azure = "#f0ffff"
    $ beige = "#f5f5dc"
    $ bisque = "#ffe4c4"
    $ black = "#000000"
    $ blanchedalmond = "#ffebcd"
    $ blue = "#0000ff"
    $ blueviolet = "#8a2be2"
    $ brown = "#a52a2a"
    $ burlywood = "#deb887"
    $ cadetblue = "#5f9ea0"
    $ chartreuse = "#7fff00"
    $ chocolate = "#d2691e"
    $ coral = "#ff7f50"
    $ cornflowerblue = "#6495ed"
    $ cornsilk = "#fff8dc"
    $ crimson = "#dc143c"
    $ cyan = "#00ffff"
    $ darkblue = "#00008b"
    $ darkcyan = "#008b8b"
    $ darkgoldenrod = "#b8860b"
    $ darkgray = "#a9a9a9"
    $ darkgreen = "#006400"
    $ darkgrey = "#a9a9a9"
    $ darkkhaki = "#bdb76b"
    $ darkmagenta = "#8b008b"
    $ darkolivegreen = "#556b2f"
    $ darkorange = "#ff8c00"
    $ darkorchid = "#9932cc"
    $ darkred = "#8b0000"
    $ darksalmon = "#e9967a"
    $ darkseagreen = "#8fbc8f"
    $ darkslateblue = "#483d8b"
    $ darkslategray = "#2f4f4f"
    $ darkslategrey = "#2f4f4f"
    $ darkturquoise = "#00ced1"
    $ darkviolet = "#9400d3"
    $ deeppink = "#ff1493"
    $ deepskyblue = "#00bfff"
    $ dimgray = "#696969"
    $ dimgrey = "#696969"
    $ dodgerblue = "#1e90ff"
    $ firebrick = "#b22222"
    $ floralwhite = "#fffaf0"
    $ forestgreen = "#228b22"
    $ fuchsia = "#ff00ff"
    $ gainsboro = "#dcdcdc"
    $ ghostwhite = "#f8f8ff"
    $ gold = "#ffd700"
    $ goldenrod = "#daa520"
    $ gray = "#808080"
    $ green = "#008000"
    $ greenyellow = "#adff2f"
    $ grey = "#808080"
    $ honeydew = "#f0fff0"
    $ hotpink = "#ff69b4"
    $ indianred = "#cd5c5c"
    $ indigo = "#4b0082"
    $ ivory = "#fffff0"
    $ khaki = "#f0e68c"
    $ lavender = "#e6e6fa"
    $ lavenderblush = "#fff0f5"
    $ lawngreen = "#7cfc00"
    $ lemonchiffon = "#fffacd"
    $ lightblue = "#add8e6"
    $ lightcoral = "#f08080"
    $ lightcyan = "#e0ffff"
    $ lightgoldenrodyellow = "#fafad2"
    $ lightgray = "#d3d3d3"
    $ lightgreen = "#90ee90"
    $ lightgrey = "#d3d3d3"
    $ lightpink = "#ffb6c1"
    $ lightsalmon = "#ffa07a"
    $ lightseagreen = "#20b2aa"
    $ lightskyblue = "#87cefa"
    $ lightslategray = "#778899"
    $ lightslategrey = "#778899"
    $ lightsteelblue = "#b0c4de"
    $ lightyellow = "#ffffe0"
    $ lime = "#00ff00"
    $ limegreen = "#32cd32"
    $ linen = "#faf0e6"
    $ magenta = "#ff00ff"
    $ maroon = "#800000"
    $ mediumaquamarine = "#66cdaa"
    $ mediumblue = "#0000cd"
    $ mediumorchid = "#ba55d3"
    $ mediumpurple = "#9370db"
    $ mediumseagreen = "#3cb371"
    $ mediumslateblue = "#7b68ee"
    $ mediumspringgreen = "#00fa9a"
    $ mediumturquoise = "#48d1cc"
    $ mediumvioletred = "#c71585"
    $ midnightblue = "#191970"
    $ mintcream = "#f5fffa"
    $ mistyrose = "#ffe4e1"
    $ moccasin = "#ffe4b5"
    $ navajowhite = "#ffdead"
    $ navy = "#000080"
    $ oldlace = "#fdf5e6"
    $ olive = "#808000"
    $ olivedrab = "#6b8e23"
    $ orange = "#ffa500"
    $ orangered = "#ff4500"
    $ orchid = "#da70d6"
    $ palegoldenrod = "#eee8aa"
    $ palegreen = "#98fb98"
    $ paleturquoise = "#afeeee"
    $ palevioletred = "#db7093"
    $ papayawhip = "#ffefd5"
    $ peachpuff = "#ffdab9"
    $ peru = "#cd853f"
    $ pink = "#ffc0cb"
    $ plum = "#dda0dd"
    $ powderblue = "#b0e0e6"
    $ purple = "#800080"
    $ red = "#ff0000"
    $ rosybrown = "#bc8f8f"
    $ royalblue = "#4169e1"
    $ saddlebrown = "#8b4513"
    $ salmon = "#fa8072"
    $ sandybrown = "#f4a460"
    $ seagreen = "#2e8b57"
    $ seashell = "#fff5ee"
    $ sienna = "#a0522d"
    $ silver = "#c0c0c0"
    $ skyblue = "#87ceeb"
    $ slateblue = "#6a5acd"
    $ slategray = "#708090"
    $ slategrey = "#708090"
    $ snow = "#fffafa"
    $ springgreen = "#00ff7f"
    $ steelblue = "#4682b4"
    $ tan = "#d2b48c"
    $ teal = "#008080"
    $ thistle = "#d8bfd8"
    $ tomato = "#ff6347"
    $ turquoise = "#40e0d0"
    $ violet = "#ee82ee"
    $ wheat = "#f5deb3"
    $ white = "#ffffff"
    $ whitesmoke = "#f5f5f5"
    $ yellow = "#ffff00"
    $ yellowgreen = "#9acd32"   
Attachments
svgcolorchart.rpy
(9.66 KiB) Downloaded 63 times

User avatar
noeinan
Eileen-Class Veteran
Posts: 1077
Joined: Sun Apr 04, 2010 10:10 pm
Projects: Ren'Py QuickStart, Crimson Rue
Organization: Statistically Unlikely Games
Deviantart: daikiraikimi
Github: daikiraikimi
Location: Washington State, USA
Contact:

Re: SVG Color Chart

#2 Post by noeinan » Sun Dec 11, 2016 11:52 pm

This seems a lot more useful than having to look up the hex codes each time, thanks!
Image

Image
Image

Post Reply

Who is online

Users browsing this forum: No registered users