DWC HueCraft

Primary brand color for key elements like call-to-actions and logos, forming the core of your visual identity.

This setting, adjustable from 0 to 360, defines the hue of the info/secondary brand color for tertiary actions. Use it to align with various color schemes like Analogous, Triadic, or Tetradic, complementing your primary brand color.

Lightness Step

Adjust the step value to define the spacing between dark, base, and light color tones within a 5 to 85 lightness range

Adjust to set the base/default color's vibrancy. Lower values create subtle, grey tones, while higher values increase color intensity.

Switch on to automatically match the primary color with predefined categories like JewelTones or Pastels, fine-tuning the palette for a cohesive theme; switch off for a uniform palette using the primary color's original saturation and lightness.

The option dynamically adjusts color lightness based on contrast thresholds, ensuring optimal visibility and aesthetic balance in the color scheme.

Professional Palette Creation

DWC HueCraft is the ultimate color palette tool for DWC/webforJ applications. Seamlessly generate a professional palette by adding your primary brand color or let the tool inspire you with a random, WCAG-compliant color scheme. This versatile tool caters to your specific design needs or sparks creativity with its randomized palettes. Perfect for DWC/webforJ applications, easily export your custom or randomly generated color schemes to CSS in seconds.

Palette Colors

Export CSS Variables

Select the name for the theme you are exporting. If you assign a name to it, you will need to apply the theme using the DWC Themes API. However, if you do not provide a name, the theme will automatically apply at the :root level when you include the CSS file.