Deux couches de couleur
Bibliothèque de couleurs de base
La bibliothèque de couleurs stable fournit un espace de sélection ; Les jetons sémantiques changent avec le thème actif.Les couleurs de base ne sont pas des couleurs de thème
@oriatheme/colors supplies 26 stable families with 11 shades each, plus five special colors. They do not change when a theme changes. Semantic Tokens such as primary, surface, foreground, and feedback do respond to the active theme.
Couleurs de base
Échelles nommées stables pour choisir dans une palette.
Couleurs sémantiques
Nommé selon le but et modifié selon le thème et le mode.
La bibliothèque de couleurs complète Oria
26 familles compatibles Tailwind avec 11 nuances chacune, plus les cinq couleurs spéciales héritées, actuelles, transparentes, noires et blanches. Chaque valeur provient de @oriatheme/colors et ne change jamais avec le thème.
Rouge
--oria-palette-red-*50
oklch(97.10525% 0.014119 22.7613)100
oklch(93.51005% 0.03107 22.6133)200
oklch(87.62799% 0.062165 23.3147)300
oklch(78.98124% 0.11938 23.2268)400
oklch(68.96349% 0.174112 22.7715)500
oklch(58.03678% 0.194044 22.8751)600
oklch(52.07022% 0.189526 23.0258)700
oklch(46.94603% 0.181381 23.1528)800
oklch(41.03603% 0.156616 23.1595)900
oklch(34.89584% 0.133938 23.0695)950
oklch(29.00214% 0.108238 22.9652)Orange
--oria-palette-orange-*50
oklch(96.96998% 0.016213 46.5746)100
oklch(93.43914% 0.034603 47.3998)200
oklch(87.49607% 0.069723 48.8225)300
oklch(78.92771% 0.124572 48.37)400
oklch(68.96961% 0.153022 48.7327)500
oklch(58.08274% 0.156326 48.6252)600
oklch(51.90686% 0.129523 48.5298)700
oklch(46.95933% 0.124348 48.4247)800
oklch(40.98166% 0.107633 48.2455)900
oklch(34.93548% 0.091905 48.2044)950
oklch(28.98955% 0.075033 47.717)Ambre
--oria-palette-amber-*50
oklch(96.95414% 0.023675 73.6146)100
oklch(93.45587% 0.052877 74.4667)200
oklch(87.55745% 0.081261 74.9069)300
oklch(79.04028% 0.112326 74.8556)400
oklch(68.93844% 0.13802 75.2858)500
oklch(57.95085% 0.119881 74.8782)600
oklch(51.98991% 0.108235 74.5072)700
oklch(46.97823% 0.095106 75.7625)800
oklch(41.03305% 0.082204 75.2353)900
oklch(34.98931% 0.070462 74.0067)950
oklch(29.15581% 0.057214 75.3653)Jaune
--oria-palette-yellow-*50
oklch(97.07114% 0.031873 97.2894)100
oklch(93.46731% 0.054479 95.8865)200
oklch(87.4294% 0.08399 95.7813)300
oklch(78.98767% 0.115481 95.5512)400
oklch(68.99317% 0.131398 95.7462)500
oklch(58.00087% 0.113686 95.5105)600
oklch(52.04873% 0.102784 95.8011)700
oklch(46.99105% 0.09054 96.0168)800
oklch(41.06171% 0.07838 96.4045)900
oklch(35.01252% 0.067127 96.0316)950
oklch(29.04898% 0.058778 96.461)Chaux
--oria-palette-lime-*50
oklch(97.00139% 0.032786 129.6834)100
oklch(93.39498% 0.055313 128.6511)200
oklch(87.57097% 0.087033 129.3427)300
oklch(79.1035% 0.11989 128.9525)400
oklch(68.94413% 0.146711 128.7503)500
oklch(57.94331% 0.150105 128.8565)600
oklch(52.03356% 0.135894 128.9582)700
oklch(47.01045% 0.120029 129.1555)800
oklch(40.91513% 0.102058 128.5675)900
oklch(35.07757% 0.088524 128.9222)950
oklch(29.08047% 0.072068 129.0385)Vert
--oria-palette-green-*50
oklch(97.05545% 0.026288 155.9808)100
oklch(93.5091% 0.044543 155.4203)200
oklch(87.49962% 0.068769 155.8087)300
oklch(78.97687% 0.09471 155.9406)400
oklch(69.00808% 0.118168 155.923)500
oklch(57.87842% 0.130139 155.9051)600
oklch(51.91335% 0.117253 155.99)700
oklch(47.0629% 0.112919 156.0788)800
oklch(40.89528% 0.096685 156.0936)900
oklch(35.05366% 0.083653 155.6575)950
oklch(29.02558% 0.068266 155.5015)Émeraude
--oria-palette-emerald-*50
oklch(97.06584% 0.024749 164.4579)100
oklch(93.46778% 0.042258 166.1198)200
oklch(87.42916% 0.065472 166.2692)300
oklch(78.91668% 0.089736 165.9127)400
oklch(68.98716% 0.110579 166.3996)500
oklch(57.96971% 0.11313 166.3127)600
oklch(51.93736% 0.10245 166.0389)700
oklch(47.11856% 0.091101 165.8257)800
oklch(40.86472% 0.083657 166.7067)900
oklch(34.96664% 0.072075 166.5347)950
oklch(28.91947% 0.057652 167.0662)Sarcelle
--oria-palette-teal-*50
oklch(97.05997% 0.020077 189.2263)100
oklch(93.56894% 0.035727 187.9144)200
oklch(87.44838% 0.054984 187.606)300
oklch(79.08757% 0.075702 187.1857)400
oklch(69.04603% 0.092428 187.9748)500
oklch(58.00183% 0.094372 188.3686)600
oklch(51.8708% 0.084908 188.4884)700
oklch(46.94347% 0.075155 188.7538)800
oklch(40.87905% 0.070101 187.9397)900
oklch(34.8647% 0.060141 188.1294)950
oklch(29.00523% 0.049031 188.4145)Cyan
--oria-palette-cyan-*50
oklch(97.06271% 0.020583 219.682)100
oklch(93.48152% 0.0375 219.8943)200
oklch(87.62416% 0.058293 219.902)300
oklch(78.98604% 0.081051 220.6161)400
oklch(68.93392% 0.099816 221.5317)500
oklch(58.10012% 0.101628 219.9695)600
oklch(51.8799% 0.092129 221.4072)700
oklch(47.07766% 0.081238 220.9767)800
oklch(41.09222% 0.069907 220.5414)900
oklch(34.87019% 0.059891 220.8978)950
oklch(29.03947% 0.052772 221.6267)Ciel
--oria-palette-sky-*50
oklch(97.02483% 0.015868 239.1006)100
oklch(93.44061% 0.033577 239.8425)200
oklch(87.4159% 0.066631 241.1147)300
oklch(79.11049% 0.092713 240.6705)400
oklch(69.02262% 0.11398 240.547)500
oklch(57.95553% 0.126238 240.5335)600
oklch(52.0883% 0.114112 240.5961)700
oklch(47.1061% 0.100994 240.8243)800
oklch(40.86676% 0.094698 240.969)900
oklch(35.06476% 0.080435 240.0845)950
oklch(29.09222% 0.064408 239.6977)Bleu
--oria-palette-blue-*50
oklch(96.89675% 0.013175 262.3795)100
oklch(93.44878% 0.028362 261.4776)200
oklch(87.52474% 0.057921 261.3663)300
oklch(78.8991% 0.101942 260.8927)400
oklch(69.01642% 0.161252 260.743)500
oklch(58.06121% 0.178418 260.5508)600
oklch(51.94454% 0.176365 260.6774)700
oklch(47.05384% 0.167944 260.5847)800
oklch(41.05333% 0.15791 260.7173)900
oklch(34.90174% 0.14752 260.8427)950
oklch(28.9361% 0.119549 260.988)Indigo
--oria-palette-indigo-*50
oklch(97.07573% 0.013726 272.6935)100
oklch(93.45583% 0.030044 277.5964)200
oklch(87.47535% 0.060108 276.81)300
oklch(79.02733% 0.104941 275.9665)400
oklch(68.9161% 0.152642 276.2464)500
oklch(57.87161% 0.170029 276.2778)600
oklch(52.10248% 0.165565 276.2226)700
oklch(47.14069% 0.159158 276.2988)800
oklch(40.95616% 0.150072 276.5738)900
oklch(35.05594% 0.139449 275.9519)950
oklch(28.99208% 0.122294 276.1983)Violette
--oria-palette-violet-*50
oklch(97.07859% 0.01331 290.7545)100
oklch(93.44607% 0.032395 291.5015)200
oklch(87.41856% 0.063328 291.0081)300
oklch(78.99341% 0.111352 290.5776)400
oklch(68.99816% 0.162271 290.8847)500
oklch(57.98699% 0.180291 290.5213)600
oklch(51.96159% 0.177172 290.4997)700
oklch(46.91154% 0.170815 290.4981)800
oklch(41.00334% 0.159103 290.5878)900
oklch(35.03266% 0.148009 290.2682)950
oklch(28.99324% 0.12975 290.8196)Violet
--oria-palette-purple-*50
oklch(96.92275% 0.017075 308.2649)100
oklch(93.60981% 0.036958 306.4133)200
oklch(87.61077% 0.074049 307.0993)300
oklch(79.00039% 0.132914 307.05)400
oklch(69.04382% 0.16241 306.9979)500
oklch(58.0962% 0.18039 307.0833)600
oklch(52.03109% 0.177828 306.8682)700
oklch(46.98785% 0.169565 306.9699)800
oklch(40.99393% 0.159373 306.7012)900
oklch(35.02104% 0.148345 306.8432)950
oklch(29.0666% 0.130235 307.3433)Fushia
--oria-palette-fuchsia-*50
oklch(96.92481% 0.020784 332.856)100
oklch(93.53929% 0.04956 333.238)200
oklch(87.56358% 0.099749 332.4834)300
oklch(79.03138% 0.151705 332.4248)400
oklch(68.9922% 0.185355 332.2424)500
oklch(58.07526% 0.205767 332.6057)600
oklch(51.93995% 0.201616 332.3592)700
oklch(47.06769% 0.19402 332.4151)800
oklch(40.95461% 0.181694 332.2035)900
oklch(34.94666% 0.155691 331.9972)950
oklch(29.04331% 0.126465 332.3235)Rose
--oria-palette-pink-*50
oklch(96.94444% 0.014911 356.6158)100
oklch(93.49636% 0.03644 356.3471)200
oklch(87.55047% 0.071778 356.4999)300
oklch(79.01951% 0.1272 356.1206)400
oklch(68.9578% 0.171475 355.7882)500
oklch(58.05587% 0.191255 356.0315)600
oklch(51.93802% 0.186545 356.0717)700
oklch(47.06517% 0.179842 356.0945)800
oklch(41.09685% 0.154624 356.1734)900
oklch(34.89985% 0.132656 355.5276)950
oklch(29.00441% 0.115988 356.1265)Rose
--oria-palette-rose-*50
oklch(96.86077% 0.014083 12.0149)100
oklch(93.48857% 0.033203 13.1735)200
oklch(87.54508% 0.06545 12.6161)300
oklch(78.96934% 0.11782 12.2005)400
oklch(68.88094% 0.157581 12.4117)500
oklch(58.05438% 0.174911 12.67)600
oklch(51.92851% 0.170935 12.4667)700
oklch(47.05644% 0.164669 12.9039)800
oklch(41.06934% 0.154049 12.9366)900
oklch(35.08468% 0.13231 12.5499)950
oklch(29.05168% 0.107121 12.7542)Ardoise
--oria-palette-slate-*50
oklch(96.94799% 0.004541 258.3246)100
oklch(93.54346% 0.00801 253.855)200
oklch(87.41378% 0.014012 258.348)300
oklch(78.95022% 0.01919 258.3596)400
oklch(69.00487% 0.023007 259.1925)500
oklch(57.94283% 0.024623 256.7759)600
oklch(52.04452% 0.023928 255.0107)700
oklch(47.13519% 0.022497 255.628)800
oklch(41.02739% 0.022679 258.3715)900
oklch(34.98259% 0.019879 257.2652)950
oklch(29.0677% 0.016931 255.6564)Gris
--oria-palette-gray-*50
oklch(96.94799% 0.004541 258.3246)100
oklch(93.42193% 0.008358 271.325)200
oklch(87.53582% 0.011819 264.5049)300
oklch(79.072% 0.016921 262.7405)400
oklch(68.91427% 0.021636 267.2102)500
oklch(57.87969% 0.024504 265.6374)600
oklch(51.97747% 0.023717 264.3449)700
oklch(47.06655% 0.022353 265.7979)800
oklch(40.9142% 0.021146 267.5085)900
oklch(35.0703% 0.019257 260.663)950
oklch(28.8939% 0.017441 266.3516)Zinc
--oria-palette-zinc-*50
oklch(97.07138% 0.00265 286.3504)100
oklch(93.5168% 0.005355 286.2957)200
oklch(87.47758% 0.008175 286.2295)300
oklch(79.10312% 0.009787 286.1739)400
oklch(68.90646% 0.013045 286.0524)500
oklch(57.90919% 0.013637 285.9662)600
oklch(52.03953% 0.014016 285.9027)700
oklch(47.04217% 0.012777 285.8984)800
oklch(41.16754% 0.011561 285.881)900
oklch(35.07448% 0.010317 285.8559)950
oklch(29.10806% 0.00901 285.8267)Neutre
--oria-palette-neutral-*50
oklch(97.01508% 0 0)100
oklch(93.40252% 0 0)200
oklch(87.60963% 0 0)300
oklch(78.89206% 0 0)400
oklch(68.94879% 0 0)500
oklch(57.95099% 0 0)600
oklch(52.08065% 0 0)700
oklch(47.11943% 0 0)800
oklch(40.912% 0 0)900
oklch(34.84597% 0 0)950
oklch(28.908% 0 0)Pierre
--oria-palette-stone-*50
oklch(97.03582% 0.002866 84.559)100
oklch(93.57885% 0.004226 56.3722)200
oklch(87.53301% 0.006032 59.6405)300
oklch(78.95039% 0.008833 56.2792)400
oklch(69.06842% 0.010974 58.1414)500
oklch(58.08023% 0.011466 58.0879)600
oklch(51.89724% 0.010853 51.9554)700
oklch(46.93465% 0.011138 51.9198)800
oklch(40.99558% 0.010434 56.083)900
oklch(34.86556% 0.008712 53.2078)950
oklch(28.93476% 0.009141 53.1224)Mauve
--oria-palette-mauve-*50
oklch(96.92474% 0.003382 325.603)100
oklch(93.52421% 0.006826 325.6313)200
oklch(87.61501% 0.009398 330.9659)300
oklch(79.12474% 0.013193 329.6053)400
oklch(69.01652% 0.016577 325.7552)500
oklch(57.9402% 0.021166 325.8466)600
oklch(51.94512% 0.019774 325.8578)700
oklch(46.85167% 0.018261 325.8644)800
oklch(40.87437% 0.016795 325.8797)900
oklch(35.05578% 0.01527 325.8975)950
oklch(28.98392% 0.013725 325.9248)Olivier
--oria-palette-olive-*50
oklch(96.93165% 0.00397 106.4733)100
oklch(93.46088% 0.008064 114.2264)200
oklch(87.48102% 0.013694 115.8655)300
oklch(78.99433% 0.018133 113.9091)400
oklch(69.0026% 0.021545 113.1259)500
oklch(57.89968% 0.024075 115.779)600
oklch(52.03333% 0.024677 115.8871)700
oklch(47.10441% 0.023734 116.5034)800
oklch(41.02674% 0.022715 114.0092)900
oklch(35.03268% 0.020291 115.1408)950
oklch(28.87173% 0.017592 112.1398)Brume
--oria-palette-mist-*50
oklch(97.04019% 0.004473 214.3284)100
oklch(93.50472% 0.007627 207.1404)200
oklch(87.51772% 0.011206 211.0377)300
oklch(78.9196% 0.015023 213.1101)400
oklch(69.08299% 0.018701 210.1939)500
oklch(58.06607% 0.020912 213.4927)600
oklch(51.94039% 0.020293 214.5028)700
oklch(47.06715% 0.019586 215.6341)800
oklch(40.91927% 0.01847 212.1122)900
oklch(34.95863% 0.017833 213.2948)950
oklch(28.90101% 0.01483 217.9282)Taupe
--oria-palette-taupe-*50
oklch(96.91775% 0.003492 39.4844)100
oklch(93.38249% 0.004548 34.3092)200
oklch(87.38578% 0.007815 48.6417)300
oklch(79.11695% 0.010701 48.5877)400
oklch(69.00484% 0.013877 48.5126)500
oklch(58.01727% 0.014518 48.4582)600
oklch(52.05792% 0.013842 51.142)700
oklch(47.10147% 0.014207 51.0987)800
oklch(40.93377% 0.013902 45.5119)900
oklch(35.04695% 0.012014 51.7887)950
oklch(29.04843% 0.010392 48.3435)Couleurs spéciales
inherit · current · transparent · black · whiteHériter
inheritCouleur actuelle
currentColorTransparente
transparentNoir
oklch(0% 0 0)Blanc
oklch(100% 0 0)Choisissez les couleurs dans l'éditeur
Ouvrez les couleurs de base à partir de n’importe quel champ de couleur. Recherchez par famille, nuance ou hexadécimal, puis utilisez une valeur stable pour le jeton sémantique que vous modifiez. La bibliothèque de base elle-même reste inchangée lorsque vous changez de thème.
Continuer : comprendre l'apparence