Ga naar de inhoud.
deanbi deapps dearchieven deidee delogo depreview detint detype devlag hetportfolio
en
← rgb index
#333>

Contrast

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 1. #333 tekst op zwart.
wcag2.1 AA: ❌︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 2. #333 tekst op wit.
wcag2.1 AA: ✔︎ AAA: ✔︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 3. zwarte tekst op #333.
wcag2.1 AA: ❌︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 4. #333 hyperlink op zwart.
wcag2.1 AA: ❌︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 5. #333 hyperlink op wit.
wcag2.1 AA: ✔︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 6. witte tekst op #333.
wcag2.1 AA: ✔︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 7. grote #333 tekst op zwart.
wcag2.1 AA: ❌︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 8. grote #333 tekst op wit.
wcag2.1 AA: ✔︎ AAA: ✔︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 9. grote zwarte tekst op #333.
wcag2.1 AA: ❌︎ AAA: ❌︎
Figuur 10. #333 elementen op zwart.
wcag2.1 AA: ❌︎ AAA: ❌︎
Figuur 11. #333 elementen op wit.
wcag2.1 AA: ✔︎ AAA: ✔︎
Figuur 12. witte elementen op #333.
wcag2.1 AA: ✔︎ AAA: ✔︎

Kleurcombinaties

Complementair

#333>
#333
#333>
#333

Split-complementair

#333>
#333
#333>
#333
#333>
#333

Analoog

#333>
#333
#333>
#333
#333>
#333

Triadisch

#333>
#333
#333>
#333
#333>
#333

Vierkant (triadisch)

#333>
#333
#333>
#333
#333>
#333
#333>
#333

Tetradisch

#333>
#333
#333>
#333
#333>
#333
#333>
#333