Back to Plugins
Color Blender : Tints Generator

Color Blender : Tints Generator

Generate color tints with ease

design tokensgeneratorhueabstractcolor paletteuitintscolorcolor tokensuser interface

Plugin Preview

Color Blender : Tints Generator preview

About this plugin

Color Blender allows designers to effortlessly generate a variety of color tints based on a selected color. With customizable options for tint count, ellipse size, layout direction, and item spacing, this plugin empowers you to quickly explore and experiment with different color variations that will help you creating your style guide or design system foundation and enhance your design workflow by creating stunning tints in just a few clicks.


Instructions

  1. To get started run the plugin and use the color picker to choose the base color for generating tints.
  2. Optional: You can enter a name for the color, or leave it as the default "Primary".
  3. Optional: Set the desired number of tints to be generated. By default, 10 tints will be created.
  4. Optional: Modify the size of the ellipse shapes that represent the tints. The default size is 120 pixels.
  5. Choose the layout direction: Select whether the tints should be arranged horizontally or vertically.
  6. Optional: Adjust the spacing between the tints to control their visual arrangement. The default spacing is set to 32 pixels.
  7. Click "Create Tints": Generate the tints based on the selected color and configuration settings.


With ColorBlender, you can effortlessly create and explore a range of color tints, unlocking new possibilities for your design projects. Enjoy the flexibility and efficiency of generating beautiful color variations with just a few simple steps.


How to reach out and support

Linkedin: https://www.linkedin.com/in/desmismail/

Email: [email protected]

Website: mohamed-ismail.com

Plugin Details

Version11
CreatedJuly 2, 2023
Last UpdatedSeptember 22, 2023
Categoryshapes-colors
CreatorMohamed Ismail
Stats493 installs, 24 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com

More Like This

Discover other plugins in the shapes-colors category.