Lighting Simulator
GuideVisualize how your colors will look under different lighting conditions and devices
Simulation Mode
Base Color
HSL: 217°, 91%, 60%
RGB: 59, 130, 246
Original color:
#3B82F6Lighting Type
Light Intensity
Dim100%Bright
Time of Day
Enable this option to simulate natural light based on the time of day
Material / Surface
Device
Visual Comparison
Original color
#3B82F6How it looks under Natural Light
#357ef5Daylight (6500K)
Displayed on LCD Screen • Intensity: 100%
A/B Comparator
Slide to compare the original color with the simulated one
Original color
Simulated color (Light)
Context Preview
See how the simulated color looks in different contexts
Wall
Ab
Logo
UI Button
UI Card
Packaging
Fabric
Tints and Shades Scale
Tint 1
#5c97f7Tint 2
#83b0f9Tint 3
#aac8fbTint 4
#d0e1fdTint 5
#f7faffBase
#357ef5Shade 1
#0e65f3Shade 2
#0a55ceShade 3
#0845a7Shade 4
#063580Shade 5
#04255aClick on any color to copy it to clipboard
Technical Information
Color Temperature
6500K
Luminous Intensity
100%
Temperature Index
100%
Saturation
105%
Lighting Report
Analysis of lighting impact on the color
Color Difference (ΔE)
2.5Subtle
0ΔE 20+
Detected Shifts
Hue
Stable
Brightness
Stable
Saturation
Stable
Accessibility Impact
Text on white
Before3.7:1AA+
After3.9:1AA+
Text on black
Before5.7:1AA
After5.5:1AA
Recommendation
Subtle change. The color is perceived almost identically. No action needed.
Export & Share
💎 Professional Features
8 Lighting Types
Natural, LED, Tungsten, and more (1800-6500K)
4 Device Types
LCD, OLED, Projection, and Print
Intensity Control
Adjust brightness from 20% to 150%
Complete Study
11 variations (tints and shades)
Multiple Export
CSS, JSON, variables, and more
Share Configuration
URL with all settings included