RGB(255, 0, 0) • HSL(0°, 100%, 50%)
Brettel/Viénot matrix transformation model simulating how #FF0000 appears to users with vision deficiencies.
L-cone deficiency affecting red spectrum perception
M-cone deficiency affecting green spectrum perception
S-cone deficiency affecting blue/yellow perception
Complete absence of color vision (grayscale perception)
Export directly for Tailwind, SwiftUI, Android, Flutter, React, Vue, CSS & SCSS.
:root {
--color-red: #FF0000;
--color-red-rgb: 255, 0, 0;
--color-red-hsl: 0deg 100% 50%;
}