Editing Using Color (section)

=== Making Fancy Colors - Gradients ===
Single colors are fun, but you can do some really creative things once you start getting into gradients. While you can do them manually, \here are a few tools you can use to make them easier, suggested or created by our awesome players:

[https://udcolortools.neocities.org/ Caors' Gradient Maker] - This awesome utility allows you to create a gradient between up to 5 shades across any text you put in, with a convenient click-drag interface. You can also use it to preview how colors might look in the game by pasting color codes into the Output window. (Thanks, Caors!) Here's an example gradient I put together with the tool:https://cdn.imgchest.com/files/4jdcvexr3z4.png

https://redketchup.io/color-picker - Allows you to upload any image (in most any format too) and use a dropper to to select any color in that image. It'll then show you the color in a swatch and give you the RGB values of the color as well as the HEX values. This is a great way to represent specific shades in your gradients. (Link provided courtesy of Allie!)

And, of course, [https://chatgpt.com ChatGPT] can be used to generate gradients as well. Here's a prompt I used that worked well to teach chatGPT Untold Dawn's formatting. Feel free to copy it and try it yourself, then play around with what kind of colors it can put together for you!<blockquote>I would like you to generate color gradients using RGB color codes applied over text that I give you. Each color code should begin with a |, then contain the RGB code in three sections separated by commas and surrounded by { and }. After the last }, the letters or words to be colored will follow, and then |n will end the color. For example, if I wanted to write the word HELLO in bright red followed by the word WORLD in bright green, I would write |{255,0,0}HELLO|n |{0,255,0}WORLD|n. To show me that you understand, can you generate the word HELLO in bright cyan and the word WORLD in bright orange?</blockquote>

==== Advice on Gradients ====
There's no single right or wrong way to do color gradients - it's all about what feels good to you and suits your style! The best way to figure out what you like is to play around. But if you're finding it intimidating to get started, here are some guidelines that might help you:

* '''''Gradients are smoother in order.''''' That is, if they go according to the spectrum: red-orange-yellow-green-blue-purple-red. If you want a gradient that includes green, orange, and yellow, it will probably come out prettier if you order them green-yellow-orange or orange-yellow-green. This is definitely a rule you can break if you want to, but a handy guideline for beginners!
* '''''Use longer text for complex gradients.''''' Short words will make gradients look choppier, so don't try to do a big rainbow-spanning gradient across just a couple of words!
* '''''Light to dark/dark to light always looks nice.''''' It's simple, but a two-color gradient from light to dark or dark to light versions of the same shade is rarely a bad idea if you're stuck.
* '''''Consider saturation and contrast.''''' You can also change the saturation when you go from light to dark, which will create a little more visual interest. Low-saturation colors are on the left side of the color eyedropper - they're paler/greyer shades. I often like to go from a low-saturation dark color to a higher saturation light color to give a gradient a sense of warmth and glow. You can also play around with the contrast (how big the difference between your first and last color is) to see how it changes the visual impact.
* '''''Symmetrical gradients look great to simulate shiny things.'''''  A gradient that's dark on either end and light in the middle (or vice versa) creates a shiny metal effect, especially if you use high contrast. Caors' gradient maker can do this for you automatically with the 'Ping pong' selection, which mirrors your choice of colors. Note, you're going to want a longer text to make a symmetrical gradient work. On short texts, it's very busy.