OKLCH Studio
Correções de contraste para pares de cores comuns
Contraste WCAG 2.2 e APCA de cores Tailwind e CSS sobre branco, preto e fundos neutros, cada um com uma correção acessível.
Sobre 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
Sobre 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
Sobre gray-50 (#F9FAFB)
Sobre gray-100 (#F3F4F6)
Sobre gray-200 (#E5E7EB)
Sobre gray-800 (#1E2939)
Sobre gray-900 (#101828)
Sobre gray-950 (#030712)
Sobre #f5f5f5 (#F5F5F5)
Sobre #eeeeee (#EEEEEE)
Sobre #333333 (#333333)
Sobre #222222 (#222222)
Sobre #121212 (#121212)
Sobre Cores do Tailwind CSS / Cores nomeadas do CSS
- white sobre amber-400
- white sobre amber-500
- white sobre amber-600
- black sobre amber-600
- white sobre amber-700
- black sobre amber-700
- black sobre amber-800
- black sobre amber-900
- white sobre blue-300
- white sobre blue-400
- white sobre blue-500
- black sobre blue-500
- white sobre blue-600
- black sobre blue-600
- white sobre blue-700
- black sobre blue-700
- black sobre blue-800
- black sobre blue-900
- white sobre cyan-400
- white sobre cyan-500
- white sobre cyan-600
- black sobre cyan-600
- white sobre cyan-700
- black sobre cyan-700
- black sobre cyan-800
- black sobre cyan-900
- black sobre cyan-950
- white sobre emerald-300
- white sobre emerald-400
- white sobre emerald-500
- white sobre emerald-600
- black sobre emerald-600
- white sobre emerald-700
- black sobre emerald-700
- black sobre emerald-800
- black sobre emerald-900
- white sobre fuchsia-300
- white sobre fuchsia-400
- white sobre fuchsia-500
- black sobre fuchsia-500
- white sobre fuchsia-600
- black sobre fuchsia-600
- white sobre fuchsia-700
- black sobre fuchsia-700
- black sobre fuchsia-800
- black sobre fuchsia-900
- white sobre gray-400
- white sobre gray-500
- black sobre gray-500
- black sobre gray-600
- black sobre gray-700
- white sobre green-400
- white sobre green-500
- white sobre green-600
- black sobre green-600
- white sobre green-700
- black sobre green-700
- black sobre green-800
- black sobre green-900
- white sobre indigo-300
- white sobre indigo-400
- black sobre indigo-400
- white sobre indigo-500
- black sobre indigo-500
- white sobre indigo-600
- black sobre indigo-600
- black sobre indigo-700
- black sobre indigo-800
- black sobre indigo-900
- white sobre lime-400
- white sobre lime-500
- white sobre lime-600
- black sobre lime-600
- white sobre lime-700
- black sobre lime-700
- black sobre lime-800
- black sobre lime-900
- white sobre mauve-300
- white sobre mauve-400
- white sobre mauve-500
- black sobre mauve-500
- black sobre mauve-600
- black sobre mauve-700
- white sobre mist-400
- white sobre mist-500
- black sobre mist-500
- black sobre mist-600
- black sobre mist-700
- white sobre neutral-400
- white sobre neutral-500
- black sobre neutral-500
- black sobre neutral-600
- black sobre neutral-700
- white sobre olive-400
- white sobre olive-500
- black sobre olive-500
- white sobre olive-600
- black sobre olive-600
- black sobre olive-700
- white sobre orange-300
- white sobre orange-400
- white sobre orange-500
- white sobre orange-600
- black sobre orange-600
- white sobre orange-700
- black sobre orange-700
- black sobre orange-800
- black sobre orange-900
- white sobre pink-300
- white sobre pink-400
- white sobre pink-500
- black sobre pink-500
- white sobre pink-600
- black sobre pink-600
- white sobre pink-700
- black sobre pink-700
- black sobre pink-800
- black sobre pink-900
- white sobre purple-300
- white sobre purple-400
- white sobre purple-500
- black sobre purple-500
- white sobre purple-600
- black sobre purple-600
- black sobre purple-700
- black sobre purple-800
- black sobre purple-900
- white sobre red-300
- white sobre red-400
- white sobre red-500
- black sobre red-500
- white sobre red-600
- black sobre red-600
- white sobre red-700
- black sobre red-700
- black sobre red-800
- black sobre red-900
- white sobre rose-300
- white sobre rose-400
- white sobre rose-500
- black sobre rose-500
- white sobre rose-600
- black sobre rose-600
- white sobre rose-700
- black sobre rose-700
- black sobre rose-800
- black sobre rose-900
- white sobre sky-300
- white sobre sky-400
- white sobre sky-500
- white sobre sky-600
- black sobre sky-600
- white sobre sky-700
- black sobre sky-700
- black sobre sky-800
- black sobre sky-900
- black sobre sky-950
- white sobre slate-400
- white sobre slate-500
- black sobre slate-500
- black sobre slate-600
- black sobre slate-700
- white sobre stone-400
- white sobre stone-500
- black sobre stone-500
- black sobre stone-600
- black sobre stone-700
- white sobre taupe-400
- white sobre taupe-500
- black sobre taupe-500
- black sobre taupe-600
- black sobre taupe-700
- white sobre teal-400
- white sobre teal-500
- white sobre teal-600
- black sobre teal-600
- white sobre teal-700
- black sobre teal-700
- black sobre teal-800
- black sobre teal-900
- white sobre violet-300
- white sobre violet-400
- white sobre violet-500
- black sobre violet-500
- white sobre violet-600
- black sobre violet-600
- black sobre violet-700
- black sobre violet-800
- black sobre violet-900
- white sobre yellow-400
- white sobre yellow-500
- white sobre yellow-600
- white sobre yellow-700
- black sobre yellow-700
- white sobre yellow-800
- black sobre yellow-800
- black sobre yellow-900
- white sobre zinc-400
- white sobre zinc-500
- black sobre zinc-500
- black sobre zinc-600
- black sobre zinc-700
- black sobre blue
- white sobre blueviolet
- black sobre blueviolet
- black sobre brown
- white sobre burlywood
- white sobre cadetblue
- black sobre cadetblue
- white sobre chocolate
- black sobre chocolate
- white sobre coral
- white sobre cornflowerblue
- white sobre crimson
- black sobre crimson
- white sobre darkcyan
- black sobre darkcyan
- white sobre darkgoldenrod
- black sobre darkgoldenrod
- white sobre darkgray
- black sobre darkgreen
- white sobre darkkhaki
- black sobre darkmagenta
- white sobre darkolivegreen
- black sobre darkolivegreen
- white sobre darkorange
- white sobre darkorchid
- black sobre darkorchid
- black sobre darkred
- white sobre darksalmon
- white sobre darkseagreen
- black sobre darkslateblue
- black sobre darkslategray
- white sobre darkturquoise
- white sobre darkviolet
- black sobre darkviolet
- white sobre deeppink
- black sobre deeppink
- white sobre deepskyblue
- white sobre dimgray
- black sobre dimgray
- white sobre dodgerblue
- black sobre dodgerblue
- white sobre firebrick
- black sobre firebrick
- white sobre forestgreen
- black sobre forestgreen
- white sobre fuchsia
- black sobre fuchsia
- white sobre goldenrod
- white sobre gray
- black sobre gray
- white sobre green
- black sobre green
- white sobre hotpink
- white sobre indianred
- black sobre indianred
- black sobre indigo
- white sobre lightblue
- white sobre lightcoral
- white sobre lightpink
- white sobre lightsalmon
- white sobre lightseagreen
- white sobre lightskyblue
- white sobre lightslategray
- black sobre lightslategray
- white sobre lightsteelblue
- white sobre limegreen
- black sobre maroon
- white sobre mediumaquamarine
- black sobre mediumblue
- white sobre mediumorchid
- black sobre mediumorchid
- white sobre mediumpurple
- black sobre mediumpurple
- white sobre mediumseagreen
- white sobre mediumslateblue
- black sobre mediumslateblue
- white sobre mediumturquoise
- white sobre mediumvioletred
- black sobre mediumvioletred
- white sobre olive
- black sobre olive
- white sobre olivedrab
- black sobre olivedrab
- white sobre orange
- white sobre orangered
- black sobre orangered
- white sobre orchid
- white sobre palevioletred
- black sobre palevioletred
- white sobre peru
- white sobre pink
- white sobre plum
- black sobre purple
- black sobre rebeccapurple
- white sobre red
- black sobre red
- white sobre rosybrown
- white sobre royalblue
- black sobre royalblue
- black sobre saddlebrown
- white sobre salmon
- white sobre sandybrown
- white sobre seagreen
- black sobre seagreen
- white sobre sienna
- black sobre sienna
- white sobre silver
- white sobre skyblue
- white sobre slateblue
- black sobre slateblue
- white sobre slategray
- black sobre slategray
- white sobre steelblue
- black sobre steelblue
- white sobre tan
- white sobre teal
- black sobre teal
- white sobre thistle
- white sobre tomato
- white sobre turquoise
- white sobre violet
- white sobre yellowgreen