Search categories, packages and repositories

hue_rotation cover
Package detailsv2.0.1

hue_rotation

Change the color of any widget that has a color. Like SwiftUI's Hue Rotation.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
428
Likes
29
Pub points
160

Install package

flutter pub add hue_rotation

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

The hue_rotation package allows developers to dynamically adjust the hue of any widget with a color, similar to SwiftUI's Hue Rotation effect. It provides a simple way to modify colors by rotating their hue values, enabling visual effects like tinting or color shifting without altering the original color definition. This is particularly useful for creating dynamic themes, interactive color adjustments, or animated color transitions in Flutter apps across multiple platforms.

Use cases

  • Applying dynamic color effects
  • Creating themed UIs
  • Animating color transitions
  • Implementing color filters
  • Customizing widget appearance
  • Enhancing visual feedback

Key features

  • Hue rotation transformation
  • Support for all Flutter platforms
  • Easy integration with existing widgets
  • No dependency on external assets
  • Minimal boilerplate required
  • Works with any color-based widget

Suitable for

  • UI designers seeking visual variety
  • Developers building interactive color tools
  • Apps requiring dynamic theming
  • Educational projects on color theory
  • Prototyping colorful interfaces

Considerations

  • Limited to hue manipulation only
  • Does not affect saturation or brightness
  • May require performance testing on large widget trees
  • Best used with non-essential decorative elements
  • Not suitable for precise color control beyond hue

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Getting Started

Installation

Example Code

About

  • This widget performs a hue rotation on the child's color:
  • Degrees defines the number of degrees around the color circle the color will be adjusted.
  • A value of 0 leaves the color unchanged.
  • A value of 180 paints the complementary color.
  • The manipulated color in the example is Colors.blue.

HueRotation in Action

Screenrecording Screenrecording

Todo

  • Add feature requests
  • Merge your pull requests

Categories

Source repository

Projects using this package

No data available yet.