-
Notifications
You must be signed in to change notification settings - Fork 1
CSS List of Programming Languages colors values. Foreground and Background
Adewale Azeez edited this page Jan 1, 2020
·
4 revisions
Add the style-sheet from the repository page.
<link rel="stylesheet" href="https://quickutils.github.io/language-colors/language-colors.css"> Load the style-sheet from within another css file
@import url("https://quickutils.github.io/language-colors/language-colors.css");Set as foreground color
<span class="color-c">this is the color of C</span>Set as background color
<span class="bg-color-c">this is the background color of C</span>| Class Name | Hex Value |
|---|---|
| .color-onec-enterprise | #814CCC |
| .color-abap | #E8274B |
| .color-ags-script | #B9D9FF |
| .color-ampl | #E6EFBB |
| .color-antlr | #9DC3FF |
| .color-api-blueprint | #2ACCA8 |
| .color-apl | #5A8164 |
| .color-asp | #6a40fd |
| .color-ats | #1ac620 |
| .color-actionscript | #882B0F |
| .color-ada | #02f88c |
| .color-agda | #315665 |
| .color-alloy | #64C800 |
| .color-angelscript | #C7D7DC |
| .color-applescript | #101F1F |
| .color-arc | #aa2afe |
| .color-aspectj | #a957b0 |
| .color-assembly | #6E4C13 |
| .color-asymptote | #4a0c0c |
| .color-autohotkey | #6594b9 |
| .color-autoit | #1C3552 |
| .color-ballerina | #FF5000 |
| .color-batchfile | #C1F12E |
| .color-blitzmax | #cd6400 |
| .color-boo | #d4bec1 |
| .color-brainfuck | #2F2530 |
| .color-c | #555555 |
| .color-csharp | #178600 |
| .color-cpp | #f34b7d |
| .color-css | #563d7c |
| .color-ceylon | #dfa535 |
| .color-chapel | #8dc63f |
| .color-cirru | #ccccff |
| .color-clarion | #db901e |
| .color-clean | #3F85AF |
| .color-click | #E4E6F3 |
| .color-clojure | #db5855 |
| .color-coffeescript | #244776 |
| .color-coldfusion | #ed2cd6 |
| .color-common-lisp | #3fb68b |
| .color-common-workflow-language | #B5314C |
| .color-component-pascal | #B0CE4E |
| .color-crystal | #000100 |
| .color-cuda | #3A4E3A |
| .color-d | #ba595e |
| .color-dm | #447265 |
| .color-dart | #00B4AB |
| .color-dataweave | #003a52 |
| .color-dhall | #dfafff |
| .color-dockerfile | #384d54 |
| .color-dogescript | #cca760 |
| .color-dylan | #6c616e |
| .color-e | #ccce35 |
| .color-ecl | #8a1267 |
| .color-eq | #a78649 |
| .color-eiffel | #946d57 |
| .color-elixir | #6e4a7e |
| .color-elm | #60B5CC |
| .color-emacs-lisp | #c065db |
| .color-emberscript | #FFF4F3 |
| .color-erlang | #B83998 |
| .color-fsharp | #b845fc |
| .color-fstar | #572e30 |
| .color-flux | #88ccff |
| .color-factor | #636746 |
| .color-fancy | #7b9db4 |
| .color-fantom | #14253c |
| .color-forth | #341708 |
| .color-fortran | #4d41b1 |
| .color-freemarker | #0050b2 |
| .color-frege | #00cafe |
| .color-g-code | #D08CF2 |
| .color-gaml | #FFC766 |
| .color-gdscript | #355570 |
| .color-game-maker-language | #71b417 |
| .color-genie | #fb855d |
| .color-gherkin | #5B2063 |
| .color-glyph | #c1ac7f |
| .color-gnuplot | #f0a9f0 |
| .color-go | #00ADD8 |
| .color-golo | #88562A |
| .color-gosu | #82937f |
| .color-groovy | #e69f56 |
| .color-html | #e34c26 |
| .color-hack | #878787 |
| .color-harbour | #0e60e3 |
| .color-haskell | #5e5086 |
| .color-haxe | #df7900 |
| .color-hiveql | #dce200 |
| .color-holyc | #ffefaf |
| .color-hy | #7790B2 |
| .color-idl | #a3522f |
| .color-igor-pro | #0000cc |
| .color-idris | #b30000 |
| .color-io | #a9188d |
| .color-ioke | #078193 |
| .color-isabelle | #FEFE00 |
| .color-j | #9EEDFF |
| .color-jsoniq | #40d47e |
| .color-java | #b07219 |
| .color-javascript | #f1e05a |
| .color-jolie | #843179 |
| .color-jsonnet | #0064bd |
| .color-julia | #a270ba |
| .color-jupyter-notebook | #DA5B0B |
| .color-krl | #28430A |
| .color-kotlin | #F18E33 |
| .color-lfe | #4C3023 |
| .color-llvm | #185619 |
| .color-lolcode | #cc9900 |
| .color-lsl | #3d9970 |
| .color-lasso | #999999 |
| .color-lex | #DBCA00 |
| .color-livescript | #499886 |
| .color-lookml | #652B81 |
| .color-lua | #000080 |
| .color-matlab | #e16737 |
| .color-maxscript | #00a6a6 |
| .color-mlir | #5EC8DB |
| .color-mql4 | #62A8D6 |
| .color-mql5 | #4A76B8 |
| .color-mtml | #b7e1f4 |
| .color-makefile | #427819 |
| .color-mask | #f97732 |
| .color-max | #c4a79c |
| .color-mercury | #ff2b2b |
| .color-meson | #007800 |
| .color-metal | #8f14e9 |
| .color-mirah | #c7a938 |
| .color-modula-3 | #223388 |
| .color-nearley | #990000 |
| .color-nemerle | #3d3c6e |
| .color-netlinx | #0aa0ff |
| .color-netlinxperb | #747faa |
| .color-netlogo | #ff6375 |
| .color-newlisp | #87AED7 |
| .color-nextflow | #3ac486 |
| .color-nim | #37775b |
| .color-nit | #009917 |
| .color-nix | #7e7eff |
| .color-nu | #c9df40 |
| .color-ocaml | #3be133 |
| .color-objectscript | #424893 |
| .color-objective-c | #438eff |
| .color-objective-cpp | #6866fb |
| .color-objective-j | #ff0c5a |
| .color-omgrofl | #cabbff |
| .color-opal | #f7ede0 |
| .color-oxygene | #cdd0e3 |
| .color-oz | #fab738 |
| .color-p4 | #7055b5 |
| .color-php | #4F5D95 |
| .color-plsql | #dad8d8 |
| .color-pan | #cc0000 |
| .color-papyrus | #6600cc |
| .color-parrot | #f3ca0a |
| .color-pascal | #E3F171 |
| .color-pawn | #dbb284 |
| .color-pep8 | #C76F5B |
| .color-perl | #0298c3 |
| .color-perl-6 | #0000fb |
| .color-piglatin | #fcd7de |
| .color-pike | #005390 |
| .color-pogoscript | #d80074 |
| .color-postscript | #da291c |
| .color-powerbuilder | #8f0f8d |
| .color-powershell | #012456 |
| .color-processing | #0096D8 |
| .color-prolog | #74283c |
| .color-propeller-spin | #7fa2a7 |
| .color-puppet | #302B6D |
| .color-purebasic | #5a6986 |
| .color-purescript | #1D222D |
| .color-python | #3572A5 |
| .color-qml | #44a51c |
| .color-quake | #882233 |
| .color-r | #198CE7 |
| .color-raml | #77d9fb |
| .color-runoff | #665a4e |
| .color-racket | #3c5caa |
| .color-ragel | #9d5200 |
| .color-rascal | #fffaa0 |
| .color-reason | #ff5847 |
| .color-rebol | #358a5b |
| .color-red | #f50000 |
| .color-renpy | #ff7f7f |
| .color-ring | #2D54CB |
| .color-riot | #A71E49 |
| .color-roff | #ecdebe |
| .color-rouge | #cc0088 |
| .color-ruby | #701516 |
| .color-rust | #dea584 |
| .color-sas | #B34936 |
| .color-sqf | #3F3F3F |
| .color-srecode-template | #348a34 |
| .color-saltstack | #646464 |
| .color-scala | #c22d40 |
| .color-scheme | #1e4aec |
| .color-self | #0579aa |
| .color-shell | #89e051 |
| .color-shen | #120F14 |
| .color-slash | #007eff |
| .color-slice | #003fa2 |
| .color-smpl | #c94949 |
| .color-smalltalk | #596706 |
| .color-solidity | #AA6746 |
| .color-sourcepawn | #5c7611 |
| .color-squirrel | #800000 |
| .color-stan | #b2011d |
| .color-standard-ml | #dc566d |
| .color-supercollider | #46390b |
| .color-swift | #ffac45 |
| .color-systemverilog | #DAE1C2 |
| .color-ti-program | #A0AA87 |
| .color-tcl | #e4cc98 |
| .color-tex | #3D6117 |
| .color-terra | #00004c |
| .color-turing | #cf142b |
| .color-typescript | #2b7489 |
| .color-unrealscript | #a54c4d |
| .color-v | #5d87bd |
| .color-vba | #867db1 |
| .color-vbscript | #15dcdc |
| .color-vcl | #148AA8 |
| .color-vhdl | #adb2cb |
| .color-vala | #fbe5cd |
| .color-verilog | #b2b7f8 |
| .color-vim-script | #199f4b |
| .color-visual-basic-dotnet | #945db7 |
| .color-volt | #1F1F1F |
| .color-vue | #2c3e50 |
| .color-webassembly | #04133b |
| .color-wollok | #a23738 |
| .color-x10 | #4B6BEF |
| .color-xc | #99DA07 |
| .color-xquery | #5232e7 |
| .color-xslt | #EB8CEB |
| .color-yara | #220000 |
| .color-yasnippet | #32AB90 |
| .color-yacc | #4B6C4B |
| .color-zap | #0d665e |
| .color-zil | #dc75e5 |
| .color-zenscript | #00BCD1 |
| .color-zephir | #118f9e |
| .color-zig | #ec915c |
| .color-ec | #913960 |
| .color-mirc-script | #926059 |
| .color-mcfunction | #E22837 |
| .color-nesc | #94B0C7 |
| .color-ooc | #b0b77e |
| .color-q | #0040cd |
| .color-sed | #64b970 |
| .color-wdl | #42f1f4 |
| .color-wisp | #7582D1 |
| Class Name | Hex Value |
|---|---|
| .bg-color-onec-enterprise | #814CCC |
| .bg-color-abap | #E8274B |
| .bg-color-ags-script | #B9D9FF |
| .bg-color-ampl | #E6EFBB |
| .bg-color-antlr | #9DC3FF |
| .bg-color-api-blueprint | #2ACCA8 |
| .bg-color-apl | #5A8164 |
| .bg-color-asp | #6a40fd |
| .bg-color-ats | #1ac620 |
| .bg-color-actionscript | #882B0F |
| .bg-color-ada | #02f88c |
| .bg-color-agda | #315665 |
| .bg-color-alloy | #64C800 |
| .bg-color-angelscript | #C7D7DC |
| .bg-color-applescript | #101F1F |
| .bg-color-arc | #aa2afe |
| .bg-color-aspectj | #a957b0 |
| .bg-color-assembly | #6E4C13 |
| .bg-color-asymptote | #4a0c0c |
| .bg-color-autohotkey | #6594b9 |
| .bg-color-autoit | #1C3552 |
| .bg-color-ballerina | #FF5000 |
| .bg-color-batchfile | #C1F12E |
| .bg-color-blitzmax | #cd6400 |
| .bg-color-boo | #d4bec1 |
| .bg-color-brainfuck | #2F2530 |
| .bg-color-c | #555555 |
| .bg-color-csharp | #178600 |
| .bg-color-cpp | #f34b7d |
| .bg-color-css | #563d7c |
| .bg-color-ceylon | #dfa535 |
| .bg-color-chapel | #8dc63f |
| .bg-color-cirru | #ccccff |
| .bg-color-clarion | #db901e |
| .bg-color-clean | #3F85AF |
| .bg-color-click | #E4E6F3 |
| .bg-color-clojure | #db5855 |
| .bg-color-coffeescript | #244776 |
| .bg-color-coldfusion | #ed2cd6 |
| .bg-color-common-lisp | #3fb68b |
| .bg-color-common-workflow-language | #B5314C |
| .bg-color-component-pascal | #B0CE4E |
| .bg-color-crystal | #000100 |
| .bg-color-cuda | #3A4E3A |
| .bg-color-d | #ba595e |
| .bg-color-dm | #447265 |
| .bg-color-dart | #00B4AB |
| .bg-color-dataweave | #003a52 |
| .bg-color-dhall | #dfafff |
| .bg-color-dockerfile | #384d54 |
| .bg-color-dogescript | #cca760 |
| .bg-color-dylan | #6c616e |
| .bg-color-e | #ccce35 |
| .bg-color-ecl | #8a1267 |
| .bg-color-eq | #a78649 |
| .bg-color-eiffel | #946d57 |
| .bg-color-elixir | #6e4a7e |
| .bg-color-elm | #60B5CC |
| .bg-color-emacs-lisp | #c065db |
| .bg-color-emberscript | #FFF4F3 |
| .bg-color-erlang | #B83998 |
| .bg-color-fsharp | #b845fc |
| .bg-color-fstar | #572e30 |
| .bg-color-flux | #88ccff |
| .bg-color-factor | #636746 |
| .bg-color-fancy | #7b9db4 |
| .bg-color-fantom | #14253c |
| .bg-color-forth | #341708 |
| .bg-color-fortran | #4d41b1 |
| .bg-color-freemarker | #0050b2 |
| .bg-color-frege | #00cafe |
| .bg-color-g-code | #D08CF2 |
| .bg-color-gaml | #FFC766 |
| .bg-color-gdscript | #355570 |
| .bg-color-game-maker-language | #71b417 |
| .bg-color-genie | #fb855d |
| .bg-color-gherkin | #5B2063 |
| .bg-color-glyph | #c1ac7f |
| .bg-color-gnuplot | #f0a9f0 |
| .bg-color-go | #00ADD8 |
| .bg-color-golo | #88562A |
| .bg-color-gosu | #82937f |
| .bg-color-groovy | #e69f56 |
| .bg-color-html | #e34c26 |
| .bg-color-hack | #878787 |
| .bg-color-harbour | #0e60e3 |
| .bg-color-haskell | #5e5086 |
| .bg-color-haxe | #df7900 |
| .bg-color-hiveql | #dce200 |
| .bg-color-holyc | #ffefaf |
| .bg-color-hy | #7790B2 |
| .bg-color-idl | #a3522f |
| .bg-color-igor-pro | #0000cc |
| .bg-color-idris | #b30000 |
| .bg-color-io | #a9188d |
| .bg-color-ioke | #078193 |
| .bg-color-isabelle | #FEFE00 |
| .bg-color-j | #9EEDFF |
| .bg-color-jsoniq | #40d47e |
| .bg-color-java | #b07219 |
| .bg-color-javascript | #f1e05a |
| .bg-color-jolie | #843179 |
| .bg-color-jsonnet | #0064bd |
| .bg-color-julia | #a270ba |
| .bg-color-jupyter-notebook | #DA5B0B |
| .bg-color-krl | #28430A |
| .bg-color-kotlin | #F18E33 |
| .bg-color-lfe | #4C3023 |
| .bg-color-llvm | #185619 |
| .bg-color-lolcode | #cc9900 |
| .bg-color-lsl | #3d9970 |
| .bg-color-lasso | #999999 |
| .bg-color-lex | #DBCA00 |
| .bg-color-livescript | #499886 |
| .bg-color-lookml | #652B81 |
| .bg-color-lua | #000080 |
| .bg-color-matlab | #e16737 |
| .bg-color-maxscript | #00a6a6 |
| .bg-color-mlir | #5EC8DB |
| .bg-color-mql4 | #62A8D6 |
| .bg-color-mql5 | #4A76B8 |
| .bg-color-mtml | #b7e1f4 |
| .bg-color-makefile | #427819 |
| .bg-color-mask | #f97732 |
| .bg-color-max | #c4a79c |
| .bg-color-mercury | #ff2b2b |
| .bg-color-meson | #007800 |
| .bg-color-metal | #8f14e9 |
| .bg-color-mirah | #c7a938 |
| .bg-color-modula-3 | #223388 |
| .bg-color-nearley | #990000 |
| .bg-color-nemerle | #3d3c6e |
| .bg-color-netlinx | #0aa0ff |
| .bg-color-netlinxperb | #747faa |
| .bg-color-netlogo | #ff6375 |
| .bg-color-newlisp | #87AED7 |
| .bg-color-nextflow | #3ac486 |
| .bg-color-nim | #37775b |
| .bg-color-nit | #009917 |
| .bg-color-nix | #7e7eff |
| .bg-color-nu | #c9df40 |
| .bg-color-ocaml | #3be133 |
| .bg-color-objectscript | #424893 |
| .bg-color-objective-c | #438eff |
| .bg-color-objective-cpp | #6866fb |
| .bg-color-objective-j | #ff0c5a |
| .bg-color-omgrofl | #cabbff |
| .bg-color-opal | #f7ede0 |
| .bg-color-oxygene | #cdd0e3 |
| .bg-color-oz | #fab738 |
| .bg-color-p4 | #7055b5 |
| .bg-color-php | #4F5D95 |
| .bg-color-plsql | #dad8d8 |
| .bg-color-pan | #cc0000 |
| .bg-color-papyrus | #6600cc |
| .bg-color-parrot | #f3ca0a |
| .bg-color-pascal | #E3F171 |
| .bg-color-pawn | #dbb284 |
| .bg-color-pep8 | #C76F5B |
| .bg-color-perl | #0298c3 |
| .bg-color-perl-6 | #0000fb |
| .bg-color-piglatin | #fcd7de |
| .bg-color-pike | #005390 |
| .bg-color-pogoscript | #d80074 |
| .bg-color-postscript | #da291c |
| .bg-color-powerbuilder | #8f0f8d |
| .bg-color-powershell | #012456 |
| .bg-color-processing | #0096D8 |
| .bg-color-prolog | #74283c |
| .bg-color-propeller-spin | #7fa2a7 |
| .bg-color-puppet | #302B6D |
| .bg-color-purebasic | #5a6986 |
| .bg-color-purescript | #1D222D |
| .bg-color-python | #3572A5 |
| .bg-color-qml | #44a51c |
| .bg-color-quake | #882233 |
| .bg-color-r | #198CE7 |
| .bg-color-raml | #77d9fb |
| .bg-color-runoff | #665a4e |
| .bg-color-racket | #3c5caa |
| .bg-color-ragel | #9d5200 |
| .bg-color-rascal | #fffaa0 |
| .bg-color-reason | #ff5847 |
| .bg-color-rebol | #358a5b |
| .bg-color-red | #f50000 |
| .bg-color-renpy | #ff7f7f |
| .bg-color-ring | #2D54CB |
| .bg-color-riot | #A71E49 |
| .bg-color-roff | #ecdebe |
| .bg-color-rouge | #cc0088 |
| .bg-color-ruby | #701516 |
| .bg-color-rust | #dea584 |
| .bg-color-sas | #B34936 |
| .bg-color-sqf | #3F3F3F |
| .bg-color-srecode-template | #348a34 |
| .bg-color-saltstack | #646464 |
| .bg-color-scala | #c22d40 |
| .bg-color-scheme | #1e4aec |
| .bg-color-self | #0579aa |
| .bg-color-shell | #89e051 |
| .bg-color-shen | #120F14 |
| .bg-color-slash | #007eff |
| .bg-color-slice | #003fa2 |
| .bg-color-smpl | #c94949 |
| .bg-color-smalltalk | #596706 |
| .bg-color-solidity | #AA6746 |
| .bg-color-sourcepawn | #5c7611 |
| .bg-color-squirrel | #800000 |
| .bg-color-stan | #b2011d |
| .bg-color-standard-ml | #dc566d |
| .bg-color-supercollider | #46390b |
| .bg-color-swift | #ffac45 |
| .bg-color-systemverilog | #DAE1C2 |
| .bg-color-ti-program | #A0AA87 |
| .bg-color-tcl | #e4cc98 |
| .bg-color-tex | #3D6117 |
| .bg-color-terra | #00004c |
| .bg-color-turing | #cf142b |
| .bg-color-typescript | #2b7489 |
| .bg-color-unrealscript | #a54c4d |
| .bg-color-v | #5d87bd |
| .bg-color-vba | #867db1 |
| .bg-color-vbscript | #15dcdc |
| .bg-color-vcl | #148AA8 |
| .bg-color-vhdl | #adb2cb |
| .bg-color-vala | #fbe5cd |
| .bg-color-verilog | #b2b7f8 |
| .bg-color-vim-script | #199f4b |
| .bg-color-visual-basic-dotnet | #945db7 |
| .bg-color-volt | #1F1F1F |
| .bg-color-vue | #2c3e50 |
| .bg-color-webassembly | #04133b |
| .bg-color-wollok | #a23738 |
| .bg-color-x10 | #4B6BEF |
| .bg-color-xc | #99DA07 |
| .bg-color-xquery | #5232e7 |
| .bg-color-xslt | #EB8CEB |
| .bg-color-yara | #220000 |
| .bg-color-yasnippet | #32AB90 |
| .bg-color-yacc | #4B6C4B |
| .bg-color-zap | #0d665e |
| .bg-color-zil | #dc75e5 |
| .bg-color-zenscript | #00BCD1 |
| .bg-color-zephir | #118f9e |
| .bg-color-zig | #ec915c |
| .bg-color-ec | #913960 |
| .bg-color-mirc-script | #926059 |
| .bg-color-mcfunction | #E22837 |
| .bg-color-nesc | #94B0C7 |
| .bg-color-ooc | #b0b77e |
| .bg-color-q | #0040cd |
| .bg-color-sed | #64b970 |
| .bg-color-wdl | #42f1f4 |
| .bg-color-wisp | #7582D1 |
MIT License (2019) Adewale Azeez