Welcome!
Here's my collection of useful tools for UXers


Color Converter

Color Mixer (Gradient)

{{gradient.gradient}}

* These gradients are saved locally until the cookies are cleared.

Color Scheme Generator

{{colorInput}}


Complementary:

{{complementaryScheme}}

Monochromatic:

{{monoScheme[0]}} {{monoScheme[1]}}

Split-Complementary:

{{splitScheme[0]}} {{splitScheme[1]}}

30 ° Analogous:

{{analogousScheme[0]}} {{analogousScheme[1]}}

Triadic:

{{triadicScheme[0]}} {{triadicScheme[1]}}

Tetradic:

{{tetradicScheme[0]}} {{tetradicScheme[1]}} {{tetradicScheme[2]}}

Square:

{{squareScheme[0]}} {{squareScheme[1]}} {{squareScheme[2]}}

Palette Extractor

This tool allows you to extract a color palette from an image.

You can also try uploading a screenshot of a website.


Pick an image:

Click to upload {{ file.name }}
Uploaded Image
Get Colors
{{color}}

Contrast Checker

 
 

Contrast Ratio

{{ contrastRatio }}:1

WCAG Level AA

Normal Text

{{ normalAA }} {{ normalAA }}

Large Text

{{ largeAA }} {{ largeAA }}

WCAG Level AAA

Normal Text

{{ normalAAA }} {{ normalAAA }}

Large Text

{{ largeAAA }} {{ largeAAA }}

* Learn more about color contrast accessibility

Color Blindness Simulator

This tool simulates what an image looks like for individuals with color blindness.
You can use it to test the color accessibility of your design.


Pick an image:

Click to upload {{ file.name }}
Normal Achromatope Protanope Deuteranope Tritanope
Uploaded Image Simulated Image

Font Comparer

Font 1

{{fontChar}}

Font 2

{{fontChar}}

* Supports fonts from Google Fonts

Lorem Ipsum Generator

* If a generator does not work, try another one.


short medium long
Generate Text!


Fake Profile Generator


Generate Profile


Name:
{{ person.person.personal.name }} {{ person.person.personal.last_name }}

Gender:
{{ person.person.personal.gender }}

Height:
{{ person.person.personal.height }} m

Weight:
{{ person.person.personal.weight }} kg

Born City:
{{ person.person.personal.born_place }}

Current Country:
{{ person.person.personal.country }}

Education:
{{ person.person.education.certificate }}, {{ person.person.education.university }}

Position:
{{ person.person.work.position }}

Salary:
{{ person.person.work.salary }}

Cellphone:
{{ person.person.personal.cellphone }}

Email:
{{ person.person.online_info.email }}

IP Address:
{{ person.person.online_info.ip_address }}

* These are randomly generated fake info.