Skip to content
HIMTI BINUS
Creative & Design Hub
Learn Design
Graphic Guidelines
Production Toolkit
Resources
Check Design
Production Toolkit
Colour
Image Color Picker
Palette Generator
Color Blindness Simulator
New
Gradient Generator
New
Color Harmony Generator
New
Tint & Shade Generator
New
Color Atlas
New
Images & Assets
Social Media Cropper
New
Carousel Splitter
New
Image Compressor
New
Image Converter
New
Metadata Stripper
New
SVG Optimiser
New
Matte Generator
New
Typography
Type Hierarchy
Poster Readability
Glyph Browser
New
Line Height Calculator
New
Print & Production
Logo Safe Area
Safe Area & Composition
Social Media Sizes
Print Readiness
Export Checklist
AI Design Checker
Beta
Production Readiness Checker
DPI & Print Size Calculator
New
Tint & Shade Generator
Create a measured scale toward white, black, or neutral gray.
Scale settings
Base color
tint
shade
tone
Number of steps
7
Generated scale
50
#004CB5
Black 2.7 · White 7.8
200
#2B6AC1
Black 3.9 · White 5.3
350
#5588CE
Black 5.8 · White 3.6
500
#80A6DA
Black 8.4 · White 2.5
650
#AAC3E6
Black 11.7 · White 1.8
800
#D5E1F3
Black 15.9 · White 1.3
950
#FFFFFF
Black 21.0 · White 1.0
Copy CSS variables
Copy JSON
Inspect base color
