Главная » Языки программирования

Css html color palette

На чтение 5 мин
Содержание
  1. 20 CSS Color Palettes for Web Developers
  2. 1.GRADIENTS COLLECTION PREVIEW
  3. Made with
  4. Author
  5. Demo
  6. 2.COLOR PALETTES
  7. Made with
  8. Author
  9. Demo
  10. 3.CSS GRID: COLOR PALETTE
  11. Made with
  12. Author
  13. Demo
  14. 4.GRADIENT COLLECTION
  15. Made with
  16. Author
  17. Demo
  18. 5.DUOTONE FILTERING WITH CSS VARIABLES
  19. Made with
  20. Author
  21. Demo
  22. 6.COLOR PALETTE
  23. Made with
  24. Author
  25. Demo
  26. 7.AUTO COLOR PALETTE FORMATTING
  27. Made with
  28. Author
  29. Demo
  30. 8.BOOTSTRAP 4 COLOR PALETTE GENERATOR. INCLUDING COLOR VARIANTS
  31. Made with
  32. Author
  33. 26 CSS Color Palettes
  34. Related Articles
  35. Author
  36. Links
  37. Made with
  38. About a code
  39. Colour Palette Condensed
  40. Author
  41. Links
  42. Made with
  43. About a code
  44. Color Palettes
  45. Author
  46. Links
  47. Made with
  48. About a code
  49. Color Palette
  50. Author
  51. Links
  52. Made with
  53. About a code
  54. Gradients Collection Preview
  55. Author
  56. Links
  57. Made with
  58. About the code
  59. Color Palettes
  60. Author
  61. Links
  62. Made with
  63. About the code
  64. CSS Grid: Color Palette
  65. Author
  66. Links
  67. Made with
  68. About a code
  69. Gradient Collection
  70. Author
  71. Links
  72. Made with
  73. About the code
  74. Duotone Filtering with CSS Variables
  75. Author
  76. Links
  77. Made with
  78. Handy colors

20 CSS Color Palettes for Web Developers

Color is an essential part of design. And choosing the perfect color scheme is a step all web designers, must go through.

Below are 20 CSS Color Palettes for Web Developers.

1.GRADIENTS COLLECTION PREVIEW

Used CSS variables and flexbox.

Made with

Author

Demo

2.COLOR PALETTES

Color palettes with Flexbox.

Made with

Author

Demo

3.CSS GRID: COLOR PALETTE

Color palette that can be used in a real use case.

Made with

Author

Demo

4.GRADIENT COLLECTION

A small collection of gradients.

Made with

Author

Demo

See the Pen Gradient Collection by Tamino Martinius (@Zaku) on CodePen.

Читайте также:  Javascript link rel jquery

5.DUOTONE FILTERING WITH CSS VARIABLES

Was playing with mix-blend-mode to create different duotone filters. Then I thought it might be cool to have a handy selector wheel to try out different filters. So here it is! A duotone filtering tester using CSS variables. The inner ring is the lightening color whilst the outer is the darkening color. To change the colors, adjust the colors variable in the Pug code.

Made with

HTML (Pug) / CSS (Stylus) / JavaScript

Author

Demo

6.COLOR PALETTE

Color palette using CSS Grid.

Made with

Author

Demo

7.AUTO COLOR PALETTE FORMATTING

Add/Edit/Remove Hex Colors from the array to update the palette.

Made with

Author

Demo

8.BOOTSTRAP 4 COLOR PALETTE GENERATOR. INCLUDING COLOR VARIANTS

Bootstrap 4 color palette generator. Generates color variants from Bootstrap $colors i.e: .text-indigo-600 .bg-indigo-600 .border-indigo-600.

Made with

Author

Источник

26 CSS Color Palettes

Collection of hand-picked free HTML and CSS color palette code examples from codepen and other resources. Update of February 2020 collection. 4 new items.

Demo image: Colour Palette Condensed

  1. jQuery Color Palettes

Author

Made with

About a code

Colour Palette Condensed

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Demo image: Color Palettes

Author

Made with

About a code

Color Palettes

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Demo image: Color Palette

Author

Made with

About a code

Color Palette

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Demo image: Gradients Collection Preview

Author

Made with

About a code

Gradients Collection Preview

Used CSS variables and flexbox.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Demo image: Color Palettes

Author

Made with

About the code

Color Palettes

Color palettes with Flexbox.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Made with

About the code

CSS Grid: Color Palette

Color palette that can be used in a real use case.

Читайте также:  Android studio mysql kotlin

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Demo image: Gradient Collection

Author

Made with

About a code

Gradient Collection

A small collection of gradients.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Made with

About the code

Duotone Filtering with CSS Variables

Was playing with mix-blend-mode to create different duotone filters. Then I thought it might be cool to have a handy selector wheel to try out different filters. So here it is! A duotone filtering tester using CSS variables. The inner ring is the lightening color whilst the outer is the darkening color. To change the colors, adjust the colors variable in the Pug code.

Compatible browsers: Chrome, Firefox, Opera, Safari

Demo image: Color Palette

Author

Made with

Источник

Handy colors

mistyrose mistyrose lavenderblush lavenderblush seashell seashell floralwhite floralwhite oldlace oldlace linen linen pink pink lightpink lightpink lightcoral lightcoral palevioletred palevioletred mediumvioletred mediumvioletred darkmagenta darkmagenta purple purple deeppink deeppink hotpink hotpink fuchsia fuchsia magenta magenta violet violet rosybrown rosybrown saddlebrown saddlebrown sienna sienna indianred indianred peru peru darksalmon darksalmon sandybrown sandybrown lightsalmon lightsalmon burlywood burlywood tan tan wheat wheat peachpuff peachpuff navajowhite navajowhite moccasin moccasin bisque bisque blanchedalmond blanchedalmond antiquewhite antiquewhite papayawhip papayawhip cornsilk cornsilk ivory ivory beige beige lightgoldenrodyellow lightgoldenrodyellow palegoldenrod palegoldenrod goldenrod goldenrod darkgoldenrod darkgoldenrod chocolate chocolate maroon maroon darkred darkred brown brown firebrick firebrick crimson crimson red red orangered orangered tomato tomato salmon salmon coral coral darkorange darkorange orange orange gold gold yellow yellow lemonchiffon lemonchiffon lightyellow lightyellow khaki khaki darkkhaki darkkhaki olive olive darkolivegreen darkolivegreen olivedrab olivedrab yellowgreen yellowgreen greenyellow greenyellow lawngreen lawngreen chartreuse chartreuse lime lime limegreen limegreen forestgreen forestgreen green green darkgreen darkgreen seagreen seagreen mediumseagreen mediumseagreen darkseagreen darkseagreen springgreen springgreen mediumspringgreen mediumspringgreen lightgreen lightgreen palegreen palegreen honeydew honeydew mintcream mintcream azure azure aquamarine aquamarine turquoise turquoise mediumturquoise mediumturquoise mediumaquamarine mediumaquamarine darkturquoise darkturquoise lightseagreen lightseagreen cadetblue cadetblue darkcyan darkcyan teal teal darkslategray darkslategray darkslategrey darkslategrey steelblue steelblue dodgerblue dodgerblue deepskyblue deepskyblue aqua aqua cyan cyan lightcyan lightcyan aliceblue aliceblue paleturquoise paleturquoise powderblue powderblue lightblue lightblue lightsteelblue lightsteelblue skyblue skyblue lightskyblue lightskyblue cornflowerblue cornflowerblue royalblue royalblue blue blue mediumblue mediumblue darkblue darkblue navy navy midnightblue midnightblue darkslateblue darkslateblue slateblue slateblue mediumslateblue mediumslateblue indigo indigo rebeccapurple rebeccapurple mediumpurple mediumpurple blueviolet blueviolet darkviolet darkviolet darkorchid darkorchid mediumorchid mediumorchid orchid orchid plum plum thistle thistle lavender lavender ghostwhite ghostwhite white white snow snow whitesmoke whitesmoke gainsboro gainsboro lightgray lightgray lightgrey lightgrey silver silver darkgray darkgray darkgrey darkgrey lightslategrey lightslategrey lightslategray lightslategray slategrey slategrey slategray slategray gray gray grey grey dimgray dimgray dimgrey dimgrey black black

Читайте также:  Заполнение матрицы змейкой python

Источник

Оцените статью
© 2023 Программирование