Loading…
Loading…
ColorBridge
Edit any format — the rest update instantly, with a live colour preview.
HSL (hue, saturation, lightness) is easier than RGB for design tasks — bump lightness to make a tint, drop saturation to mute a colour, rotate hue for related palettes.
Duration between two times of day, in hours and minutes.
OpenHours worked from clock-in, clock-out, and break time.
OpenWeekly total hours and overtime from daily entries.
OpenAnnual cost of your daily commute.
Open#4F46E5
What you entered
RGB to HEX: each channel → 2-digit hex
R=79, G=70, B=229 → base 16= #4F46E5Normalize RGB to a 0–1 range
(79, 70, 229) ÷ 255= (0.310, 0.275, 0.898)Lightness = (max + min) ÷ 2
average of the normalized max and min channel= 59%Hue and saturation from channel spread
based on which channel is largest= H=243°, S=75%Result
HEX: #4F46E5
RGB(79, 70, 229) is #4F46E5 in hex, or HSL(243°, 75%, 59%) — three different ways of writing the exact same color.