OKLCH Studio
Corrections de contraste pour les paires de couleurs courantes
Contraste WCAG 2.2 et APCA des couleurs Tailwind et CSS sur blanc, noir et fonds neutres, chacun avec une correction accessible.
Sur 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
Sur 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
Sur gray-50 (#F9FAFB)
Sur gray-100 (#F3F4F6)
Sur gray-200 (#E5E7EB)
Sur gray-800 (#1E2939)
Sur gray-900 (#101828)
Sur gray-950 (#030712)
Sur #f5f5f5 (#F5F5F5)
Sur #eeeeee (#EEEEEE)
Sur #333333 (#333333)
Sur #222222 (#222222)
Sur #121212 (#121212)
Sur Couleurs Tailwind CSS / Couleurs nommées CSS
- white sur amber-400
- white sur amber-500
- white sur amber-600
- black sur amber-600
- white sur amber-700
- black sur amber-700
- black sur amber-800
- black sur amber-900
- white sur blue-300
- white sur blue-400
- white sur blue-500
- black sur blue-500
- white sur blue-600
- black sur blue-600
- white sur blue-700
- black sur blue-700
- black sur blue-800
- black sur blue-900
- white sur cyan-400
- white sur cyan-500
- white sur cyan-600
- black sur cyan-600
- white sur cyan-700
- black sur cyan-700
- black sur cyan-800
- black sur cyan-900
- black sur cyan-950
- white sur emerald-300
- white sur emerald-400
- white sur emerald-500
- white sur emerald-600
- black sur emerald-600
- white sur emerald-700
- black sur emerald-700
- black sur emerald-800
- black sur emerald-900
- white sur fuchsia-300
- white sur fuchsia-400
- white sur fuchsia-500
- black sur fuchsia-500
- white sur fuchsia-600
- black sur fuchsia-600
- white sur fuchsia-700
- black sur fuchsia-700
- black sur fuchsia-800
- black sur fuchsia-900
- white sur gray-400
- white sur gray-500
- black sur gray-500
- black sur gray-600
- black sur gray-700
- white sur green-400
- white sur green-500
- white sur green-600
- black sur green-600
- white sur green-700
- black sur green-700
- black sur green-800
- black sur green-900
- white sur indigo-300
- white sur indigo-400
- black sur indigo-400
- white sur indigo-500
- black sur indigo-500
- white sur indigo-600
- black sur indigo-600
- black sur indigo-700
- black sur indigo-800
- black sur indigo-900
- white sur lime-400
- white sur lime-500
- white sur lime-600
- black sur lime-600
- white sur lime-700
- black sur lime-700
- black sur lime-800
- black sur lime-900
- white sur mauve-300
- white sur mauve-400
- white sur mauve-500
- black sur mauve-500
- black sur mauve-600
- black sur mauve-700
- white sur mist-400
- white sur mist-500
- black sur mist-500
- black sur mist-600
- black sur mist-700
- white sur neutral-400
- white sur neutral-500
- black sur neutral-500
- black sur neutral-600
- black sur neutral-700
- white sur olive-400
- white sur olive-500
- black sur olive-500
- white sur olive-600
- black sur olive-600
- black sur olive-700
- white sur orange-300
- white sur orange-400
- white sur orange-500
- white sur orange-600
- black sur orange-600
- white sur orange-700
- black sur orange-700
- black sur orange-800
- black sur orange-900
- white sur pink-300
- white sur pink-400
- white sur pink-500
- black sur pink-500
- white sur pink-600
- black sur pink-600
- white sur pink-700
- black sur pink-700
- black sur pink-800
- black sur pink-900
- white sur purple-300
- white sur purple-400
- white sur purple-500
- black sur purple-500
- white sur purple-600
- black sur purple-600
- black sur purple-700
- black sur purple-800
- black sur purple-900
- white sur red-300
- white sur red-400
- white sur red-500
- black sur red-500
- white sur red-600
- black sur red-600
- white sur red-700
- black sur red-700
- black sur red-800
- black sur red-900
- white sur rose-300
- white sur rose-400
- white sur rose-500
- black sur rose-500
- white sur rose-600
- black sur rose-600
- white sur rose-700
- black sur rose-700
- black sur rose-800
- black sur rose-900
- white sur sky-300
- white sur sky-400
- white sur sky-500
- white sur sky-600
- black sur sky-600
- white sur sky-700
- black sur sky-700
- black sur sky-800
- black sur sky-900
- black sur sky-950
- white sur slate-400
- white sur slate-500
- black sur slate-500
- black sur slate-600
- black sur slate-700
- white sur stone-400
- white sur stone-500
- black sur stone-500
- black sur stone-600
- black sur stone-700
- white sur taupe-400
- white sur taupe-500
- black sur taupe-500
- black sur taupe-600
- black sur taupe-700
- white sur teal-400
- white sur teal-500
- white sur teal-600
- black sur teal-600
- white sur teal-700
- black sur teal-700
- black sur teal-800
- black sur teal-900
- white sur violet-300
- white sur violet-400
- white sur violet-500
- black sur violet-500
- white sur violet-600
- black sur violet-600
- black sur violet-700
- black sur violet-800
- black sur violet-900
- white sur yellow-400
- white sur yellow-500
- white sur yellow-600
- white sur yellow-700
- black sur yellow-700
- white sur yellow-800
- black sur yellow-800
- black sur yellow-900
- white sur zinc-400
- white sur zinc-500
- black sur zinc-500
- black sur zinc-600
- black sur zinc-700
- black sur blue
- white sur blueviolet
- black sur blueviolet
- black sur brown
- white sur burlywood
- white sur cadetblue
- black sur cadetblue
- white sur chocolate
- black sur chocolate
- white sur coral
- white sur cornflowerblue
- white sur crimson
- black sur crimson
- white sur darkcyan
- black sur darkcyan
- white sur darkgoldenrod
- black sur darkgoldenrod
- white sur darkgray
- black sur darkgreen
- white sur darkkhaki
- black sur darkmagenta
- white sur darkolivegreen
- black sur darkolivegreen
- white sur darkorange
- white sur darkorchid
- black sur darkorchid
- black sur darkred
- white sur darksalmon
- white sur darkseagreen
- black sur darkslateblue
- black sur darkslategray
- white sur darkturquoise
- white sur darkviolet
- black sur darkviolet
- white sur deeppink
- black sur deeppink
- white sur deepskyblue
- white sur dimgray
- black sur dimgray
- white sur dodgerblue
- black sur dodgerblue
- white sur firebrick
- black sur firebrick
- white sur forestgreen
- black sur forestgreen
- white sur fuchsia
- black sur fuchsia
- white sur goldenrod
- white sur gray
- black sur gray
- white sur green
- black sur green
- white sur hotpink
- white sur indianred
- black sur indianred
- black sur indigo
- white sur lightblue
- white sur lightcoral
- white sur lightpink
- white sur lightsalmon
- white sur lightseagreen
- white sur lightskyblue
- white sur lightslategray
- black sur lightslategray
- white sur lightsteelblue
- white sur limegreen
- black sur maroon
- white sur mediumaquamarine
- black sur mediumblue
- white sur mediumorchid
- black sur mediumorchid
- white sur mediumpurple
- black sur mediumpurple
- white sur mediumseagreen
- white sur mediumslateblue
- black sur mediumslateblue
- white sur mediumturquoise
- white sur mediumvioletred
- black sur mediumvioletred
- white sur olive
- black sur olive
- white sur olivedrab
- black sur olivedrab
- white sur orange
- white sur orangered
- black sur orangered
- white sur orchid
- white sur palevioletred
- black sur palevioletred
- white sur peru
- white sur pink
- white sur plum
- black sur purple
- black sur rebeccapurple
- white sur red
- black sur red
- white sur rosybrown
- white sur royalblue
- black sur royalblue
- black sur saddlebrown
- white sur salmon
- white sur sandybrown
- white sur seagreen
- black sur seagreen
- white sur sienna
- black sur sienna
- white sur silver
- white sur skyblue
- white sur slateblue
- black sur slateblue
- white sur slategray
- black sur slategray
- white sur steelblue
- black sur steelblue
- white sur tan
- white sur teal
- black sur teal
- white sur thistle
- white sur tomato
- white sur turquoise
- white sur violet
- white sur yellowgreen