OKLCH Studio
Correzioni del contrasto per coppie di colori comuni
Contrasto WCAG 2.2 e APCA per colori Tailwind e CSS su bianco, nero e sfondi neutri, ciascuno con una correzione accessibile.
Su white (#FFFFFF)
- amber-400
- amber-500
- amber-600
- amber-700
- amber-800
- amber-900
- amber-950
- blue-300
- blue-400
- blue-500
- blue-600
- blue-700
- blue-800
- blue-900
- blue-950
- cyan-400
- cyan-500
- cyan-600
- cyan-700
- cyan-800
- cyan-900
- cyan-950
- emerald-300
- emerald-400
- emerald-500
- emerald-600
- emerald-700
- emerald-800
- emerald-900
- emerald-950
- fuchsia-300
- fuchsia-400
- fuchsia-500
- fuchsia-600
- fuchsia-700
- fuchsia-800
- fuchsia-900
- fuchsia-950
- gray-400
- gray-500
- gray-600
- gray-700
- gray-800
- gray-900
- gray-950
- green-400
- green-500
- green-600
- green-700
- green-800
- green-900
- green-950
- indigo-300
- indigo-400
- indigo-500
- indigo-600
- indigo-700
- indigo-800
- indigo-900
- indigo-950
- lime-400
- lime-500
- lime-600
- lime-700
- lime-800
- lime-900
- lime-950
- mauve-300
- mauve-400
- mauve-500
- mauve-600
- mauve-700
- mauve-800
- mauve-900
- mauve-950
- mist-400
- mist-500
- mist-600
- mist-700
- mist-800
- mist-900
- mist-950
- neutral-400
- neutral-500
- neutral-600
- neutral-700
- neutral-800
- neutral-900
- neutral-950
- olive-400
- olive-500
- olive-600
- olive-700
- olive-800
- olive-900
- olive-950
- orange-300
- orange-400
- orange-500
- orange-600
- orange-700
- orange-800
- orange-900
- orange-950
- pink-300
- pink-400
- pink-500
- pink-600
- pink-700
- pink-800
- pink-900
- pink-950
- purple-300
- purple-400
- purple-500
- purple-600
- purple-700
- purple-800
- purple-900
- purple-950
- red-300
- red-400
- red-500
- red-600
- red-700
- red-800
- red-900
- red-950
- rose-300
- rose-400
- rose-500
- rose-600
- rose-700
- rose-800
- rose-900
- rose-950
- sky-300
- sky-400
- sky-500
- sky-600
- sky-700
- sky-800
- sky-900
- sky-950
- slate-400
- slate-500
- slate-600
- slate-700
- slate-800
- slate-900
- slate-950
- stone-400
- stone-500
- stone-600
- stone-700
- stone-800
- stone-900
- stone-950
- taupe-400
- taupe-500
- taupe-600
- taupe-700
- taupe-800
- taupe-900
- teal-400
- teal-500
- teal-600
- teal-700
- teal-800
- teal-900
- teal-950
- violet-300
- violet-400
- violet-500
- violet-600
- violet-700
- violet-800
- violet-900
- violet-950
- yellow-400
- yellow-500
- yellow-600
- yellow-700
- yellow-800
- yellow-900
- yellow-950
- zinc-400
- zinc-500
- zinc-600
- zinc-700
- zinc-800
- zinc-900
- zinc-950
- black
- blue
- blueviolet
- brown
- burlywood
- cadetblue
- chocolate
- coral
- cornflowerblue
- crimson
- darkblue
- darkcyan
- darkgoldenrod
- darkgray
- darkgreen
- darkkhaki
- darkmagenta
- darkolivegreen
- darkorange
- darkorchid
- darkred
- darksalmon
- darkseagreen
- darkslateblue
- darkslategray
- darkturquoise
- darkviolet
- deeppink
- deepskyblue
- dimgray
- dodgerblue
- firebrick
- forestgreen
- fuchsia
- goldenrod
- gray
- green
- hotpink
- indianred
- indigo
- lightblue
- lightcoral
- lightpink
- lightsalmon
- lightseagreen
- lightskyblue
- lightslategray
- lightsteelblue
- limegreen
- maroon
- mediumaquamarine
- mediumblue
- mediumorchid
- mediumpurple
- mediumseagreen
- mediumslateblue
- mediumturquoise
- mediumvioletred
- midnightblue
- navy
- olive
- olivedrab
- orange
- orangered
- orchid
- palevioletred
- peru
- pink
- plum
- purple
- rebeccapurple
- red
- rosybrown
- royalblue
- saddlebrown
- salmon
- sandybrown
- seagreen
- sienna
- silver
- skyblue
- slateblue
- slategray
- steelblue
- tan
- teal
- thistle
- tomato
- turquoise
- violet
- yellowgreen
Su black (#000000)
- amber-50
- amber-100
- amber-200
- amber-300
- amber-400
- amber-500
- amber-600
- amber-700
- amber-800
- amber-900
- blue-50
- blue-100
- blue-200
- blue-300
- blue-400
- blue-500
- blue-600
- blue-700
- blue-800
- blue-900
- cyan-50
- cyan-100
- cyan-200
- cyan-300
- cyan-400
- cyan-500
- cyan-600
- cyan-700
- cyan-800
- cyan-900
- cyan-950
- emerald-50
- emerald-100
- emerald-200
- emerald-300
- emerald-400
- emerald-500
- emerald-600
- emerald-700
- emerald-800
- emerald-900
- fuchsia-50
- fuchsia-100
- fuchsia-200
- fuchsia-300
- fuchsia-400
- fuchsia-500
- fuchsia-600
- fuchsia-700
- fuchsia-800
- fuchsia-900
- gray-50
- gray-100
- gray-200
- gray-300
- gray-400
- gray-500
- gray-600
- gray-700
- green-50
- green-100
- green-200
- green-300
- green-400
- green-500
- green-600
- green-700
- green-800
- green-900
- indigo-50
- indigo-100
- indigo-200
- indigo-300
- indigo-400
- indigo-500
- indigo-600
- indigo-700
- indigo-800
- indigo-900
- lime-50
- lime-100
- lime-200
- lime-300
- lime-400
- lime-500
- lime-600
- lime-700
- lime-800
- lime-900
- mauve-50
- mauve-100
- mauve-200
- mauve-300
- mauve-400
- mauve-500
- mauve-600
- mauve-700
- mist-50
- mist-100
- mist-200
- mist-300
- mist-400
- mist-500
- mist-600
- mist-700
- neutral-100
- neutral-200
- neutral-300
- neutral-400
- neutral-500
- neutral-600
- neutral-700
- olive-50
- olive-100
- olive-200
- olive-300
- olive-400
- olive-500
- olive-600
- olive-700
- orange-50
- orange-100
- orange-200
- orange-300
- orange-400
- orange-500
- orange-600
- orange-700
- orange-800
- orange-900
- pink-50
- pink-100
- pink-200
- pink-300
- pink-400
- pink-500
- pink-600
- pink-700
- pink-800
- pink-900
- purple-50
- purple-100
- purple-200
- purple-300
- purple-400
- purple-500
- purple-600
- purple-700
- purple-800
- purple-900
- red-50
- red-100
- red-200
- red-300
- red-400
- red-500
- red-600
- red-700
- red-800
- red-900
- rose-50
- rose-100
- rose-200
- rose-300
- rose-400
- rose-500
- rose-600
- rose-700
- rose-800
- rose-900
- sky-50
- sky-100
- sky-200
- sky-300
- sky-400
- sky-500
- sky-600
- sky-700
- sky-800
- sky-900
- sky-950
- slate-50
- slate-100
- slate-200
- slate-300
- slate-400
- slate-500
- slate-600
- slate-700
- stone-50
- stone-100
- stone-200
- stone-300
- stone-400
- stone-500
- stone-600
- stone-700
- taupe-50
- taupe-100
- taupe-200
- taupe-300
- taupe-400
- taupe-500
- taupe-600
- taupe-700
- teal-50
- teal-100
- teal-200
- teal-300
- teal-400
- teal-500
- teal-600
- teal-700
- teal-800
- teal-900
- violet-50
- violet-100
- violet-200
- violet-300
- violet-400
- violet-500
- violet-600
- violet-700
- violet-800
- violet-900
- yellow-50
- yellow-100
- yellow-200
- yellow-300
- yellow-400
- yellow-500
- yellow-600
- yellow-700
- yellow-800
- yellow-900
- zinc-100
- zinc-200
- zinc-300
- zinc-400
- zinc-500
- zinc-600
- zinc-700
- aliceblue
- antiquewhite
- aqua
- aquamarine
- azure
- beige
- bisque
- blanchedalmond
- blue
- blueviolet
- brown
- burlywood
- cadetblue
- chartreuse
- chocolate
- coral
- cornflowerblue
- cornsilk
- crimson
- darkcyan
- darkgoldenrod
- darkgray
- darkgreen
- darkkhaki
- darkmagenta
- darkolivegreen
- darkorange
- darkorchid
- darkred
- darksalmon
- darkseagreen
- darkslateblue
- darkslategray
- darkturquoise
- darkviolet
- deeppink
- deepskyblue
- dimgray
- dodgerblue
- firebrick
- floralwhite
- forestgreen
- fuchsia
- gainsboro
- ghostwhite
- gold
- goldenrod
- gray
- green
- greenyellow
- honeydew
- hotpink
- indianred
- indigo
- ivory
- khaki
- lavender
- lavenderblush
- lawngreen
- lemonchiffon
- lightblue
- lightcoral
- lightcyan
- lightgoldenrodyellow
- lightgray
- lightgreen
- lightpink
- lightsalmon
- lightseagreen
- lightskyblue
- lightslategray
- lightsteelblue
- lightyellow
- lime
- limegreen
- linen
- maroon
- mediumaquamarine
- mediumblue
- mediumorchid
- mediumpurple
- mediumseagreen
- mediumslateblue
- mediumspringgreen
- mediumturquoise
- mediumvioletred
- mintcream
- mistyrose
- moccasin
- navajowhite
- oldlace
- olive
- olivedrab
- orange
- orangered
- orchid
- palegoldenrod
- palegreen
- paleturquoise
- palevioletred
- papayawhip
- peachpuff
- peru
- pink
- plum
- powderblue
- purple
- rebeccapurple
- red
- rosybrown
- royalblue
- saddlebrown
- salmon
- sandybrown
- seagreen
- seashell
- sienna
- silver
- skyblue
- slateblue
- slategray
- snow
- springgreen
- steelblue
- tan
- teal
- thistle
- tomato
- turquoise
- violet
- wheat
- white
- yellow
- yellowgreen
Su gray-50 (#F9FAFB)
Su gray-100 (#F3F4F6)
Su gray-200 (#E5E7EB)
Su gray-800 (#1E2939)
Su gray-900 (#101828)
Su gray-950 (#030712)
Su #f5f5f5 (#F5F5F5)
Su #eeeeee (#EEEEEE)
Su #333333 (#333333)
Su #222222 (#222222)
Su #121212 (#121212)
Su Colori Tailwind CSS / Colori con nome CSS
- white su amber-400
- white su amber-500
- white su amber-600
- black su amber-600
- white su amber-700
- black su amber-700
- black su amber-800
- black su amber-900
- white su blue-300
- white su blue-400
- white su blue-500
- black su blue-500
- white su blue-600
- black su blue-600
- white su blue-700
- black su blue-700
- black su blue-800
- black su blue-900
- white su cyan-400
- white su cyan-500
- white su cyan-600
- black su cyan-600
- white su cyan-700
- black su cyan-700
- black su cyan-800
- black su cyan-900
- black su cyan-950
- white su emerald-300
- white su emerald-400
- white su emerald-500
- white su emerald-600
- black su emerald-600
- white su emerald-700
- black su emerald-700
- black su emerald-800
- black su emerald-900
- white su fuchsia-300
- white su fuchsia-400
- white su fuchsia-500
- black su fuchsia-500
- white su fuchsia-600
- black su fuchsia-600
- white su fuchsia-700
- black su fuchsia-700
- black su fuchsia-800
- black su fuchsia-900
- white su gray-400
- white su gray-500
- black su gray-500
- black su gray-600
- black su gray-700
- white su green-400
- white su green-500
- white su green-600
- black su green-600
- white su green-700
- black su green-700
- black su green-800
- black su green-900
- white su indigo-300
- white su indigo-400
- black su indigo-400
- white su indigo-500
- black su indigo-500
- white su indigo-600
- black su indigo-600
- black su indigo-700
- black su indigo-800
- black su indigo-900
- white su lime-400
- white su lime-500
- white su lime-600
- black su lime-600
- white su lime-700
- black su lime-700
- black su lime-800
- black su lime-900
- white su mauve-300
- white su mauve-400
- white su mauve-500
- black su mauve-500
- black su mauve-600
- black su mauve-700
- white su mist-400
- white su mist-500
- black su mist-500
- black su mist-600
- black su mist-700
- white su neutral-400
- white su neutral-500
- black su neutral-500
- black su neutral-600
- black su neutral-700
- white su olive-400
- white su olive-500
- black su olive-500
- white su olive-600
- black su olive-600
- black su olive-700
- white su orange-300
- white su orange-400
- white su orange-500
- white su orange-600
- black su orange-600
- white su orange-700
- black su orange-700
- black su orange-800
- black su orange-900
- white su pink-300
- white su pink-400
- white su pink-500
- black su pink-500
- white su pink-600
- black su pink-600
- white su pink-700
- black su pink-700
- black su pink-800
- black su pink-900
- white su purple-300
- white su purple-400
- white su purple-500
- black su purple-500
- white su purple-600
- black su purple-600
- black su purple-700
- black su purple-800
- black su purple-900
- white su red-300
- white su red-400
- white su red-500
- black su red-500
- white su red-600
- black su red-600
- white su red-700
- black su red-700
- black su red-800
- black su red-900
- white su rose-300
- white su rose-400
- white su rose-500
- black su rose-500
- white su rose-600
- black su rose-600
- white su rose-700
- black su rose-700
- black su rose-800
- black su rose-900
- white su sky-300
- white su sky-400
- white su sky-500
- white su sky-600
- black su sky-600
- white su sky-700
- black su sky-700
- black su sky-800
- black su sky-900
- black su sky-950
- white su slate-400
- white su slate-500
- black su slate-500
- black su slate-600
- black su slate-700
- white su stone-400
- white su stone-500
- black su stone-500
- black su stone-600
- black su stone-700
- white su taupe-400
- white su taupe-500
- black su taupe-500
- black su taupe-600
- black su taupe-700
- white su teal-400
- white su teal-500
- white su teal-600
- black su teal-600
- white su teal-700
- black su teal-700
- black su teal-800
- black su teal-900
- white su violet-300
- white su violet-400
- white su violet-500
- black su violet-500
- white su violet-600
- black su violet-600
- black su violet-700
- black su violet-800
- black su violet-900
- white su yellow-400
- white su yellow-500
- white su yellow-600
- white su yellow-700
- black su yellow-700
- white su yellow-800
- black su yellow-800
- black su yellow-900
- white su zinc-400
- white su zinc-500
- black su zinc-500
- black su zinc-600
- black su zinc-700
- black su blue
- white su blueviolet
- black su blueviolet
- black su brown
- white su burlywood
- white su cadetblue
- black su cadetblue
- white su chocolate
- black su chocolate
- white su coral
- white su cornflowerblue
- white su crimson
- black su crimson
- white su darkcyan
- black su darkcyan
- white su darkgoldenrod
- black su darkgoldenrod
- white su darkgray
- black su darkgreen
- white su darkkhaki
- black su darkmagenta
- white su darkolivegreen
- black su darkolivegreen
- white su darkorange
- white su darkorchid
- black su darkorchid
- black su darkred
- white su darksalmon
- white su darkseagreen
- black su darkslateblue
- black su darkslategray
- white su darkturquoise
- white su darkviolet
- black su darkviolet
- white su deeppink
- black su deeppink
- white su deepskyblue
- white su dimgray
- black su dimgray
- white su dodgerblue
- black su dodgerblue
- white su firebrick
- black su firebrick
- white su forestgreen
- black su forestgreen
- white su fuchsia
- black su fuchsia
- white su goldenrod
- white su gray
- black su gray
- white su green
- black su green
- white su hotpink
- white su indianred
- black su indianred
- black su indigo
- white su lightblue
- white su lightcoral
- white su lightpink
- white su lightsalmon
- white su lightseagreen
- white su lightskyblue
- white su lightslategray
- black su lightslategray
- white su lightsteelblue
- white su limegreen
- black su maroon
- white su mediumaquamarine
- black su mediumblue
- white su mediumorchid
- black su mediumorchid
- white su mediumpurple
- black su mediumpurple
- white su mediumseagreen
- white su mediumslateblue
- black su mediumslateblue
- white su mediumturquoise
- white su mediumvioletred
- black su mediumvioletred
- white su olive
- black su olive
- white su olivedrab
- black su olivedrab
- white su orange
- white su orangered
- black su orangered
- white su orchid
- white su palevioletred
- black su palevioletred
- white su peru
- white su pink
- white su plum
- black su purple
- black su rebeccapurple
- white su red
- black su red
- white su rosybrown
- white su royalblue
- black su royalblue
- black su saddlebrown
- white su salmon
- white su sandybrown
- white su seagreen
- black su seagreen
- white su sienna
- black su sienna
- white su silver
- white su skyblue
- white su slateblue
- black su slateblue
- white su slategray
- black su slategray
- white su steelblue
- black su steelblue
- white su tan
- white su teal
- black su teal
- white su thistle
- white su tomato
- white su turquoise
- white su violet
- white su yellowgreen