DYNAMIC DEPTH PHOTOGRAPHY · PRACTICAL TOOLS
Color & Editing Assistant
Choose a color, explore its relationships, and build a plan for your next edit. Your subject, light, and intent guide the final decision.
Digital HSL · sRGB output · Palette planning, without editing a photograph
Interactive controls require JavaScript. Start with blue #336699 and its digital HSL opposite #996633. Compare a small warm accent with equal areas, then check whether color or brightness separates your subject. This is a starting point, not a diagnosis of a photograph.
01 Choose a base
HEX is a digital color reference. Enter a code or use the picker.
Adjust hue, saturation & lightness
H is position around the digital wheel. S is HSL saturation. L is HSL lightness, not exposure or perceived brightness. Hue wraps through 360°.
02 Explore a relationship
This color has no distinct hue. Choose a hue and nonzero saturation with lightness between 0% and 100% to explore relationships. The retained hue is only a control convenience.
RELATIONSHIP MAP
Hue guide: S 100%, L 50%. Red/0° at top; hue increases clockwise. Numbered chips below show your actual colors. All changes are available through the labeled controls.
Why does my art wheel differ?
Traditional RYB teaching pairs red/green, blue/orange, and yellow/violet. This tool uses digital HSL: red/cyan, green/magenta, and blue/yellow at the primary hue positions. Neither convention predicts physical paint mixing here.
A 180° HSL hue rotation is not a channel inverse: #336699 becomes #996633; its RGB channel inverse is #CC9966. HSL steps are not perceptually uniform.
03 Balance the palette
Give each color a job. Proportion weights set relative areas; they do not change a color. Changing a chip’s hue marks the relationship as customized.
Current proportions · abstract blocks, not a simulated photograph
Compare with saved starting palette
04 Use & save your plan
Notes are included when you copy or download your plan. This component does not store plans or send data; other scripts on an embedding page are outside its control.
Readable plan & manual copy fallback
When clipboard access is unavailable, select this text and use your device’s Copy command.
Load an exported JSON plan
Paste a version 1.0.0 JSON plan, at most 32 KiB. A valid import replaces the current plan; the saved comparison remains available.
Optional text-overlay contrast check
This checks text readability between two swatches, not the quality of a photograph. Choose explicit foreground and background roles.
WCAG AA normal text: 4.5:1. Large text: 3:1 (at least 18 pt regular or 14 pt bold). Decisions use the unrounded ratio.