UIデザイン

[empitsu]

https://opensource.adobe.com/spectrum-css/actionmenu.html

カラー： https://color.adobe.com/ja/search?q=light%20blue

https://coolors.co/323232-f5faff-ffffff-1db0bc-1976d2

[empitsu]

https://color.adobe.com/ja/summer%20catalog%20%20v05-color-theme-9149356

[empitsu]

/* Color Theme Swatches in Hex */
.summer-catalog--v05-1-hex { color: #E1DA36; }
.summer-catalog--v05-2-hex { color: #FFEA1B; }
.summer-catalog--v05-3-hex { color: #6FE4DA; }
.summer-catalog--v05-4-hex { color: #1DB0BC; }
.summer-catalog--v05-5-hex { color: #007BBC; }

/* Color Theme Swatches in RGBA */
.summer-catalog--v05-1-rgba { color: rgba(225, 218, 54, 1); }
.summer-catalog--v05-2-rgba { color: rgba(255, 233, 26, 1); }
.summer-catalog--v05-3-rgba { color: rgba(110, 228, 218, 1); }
.summer-catalog--v05-4-rgba { color: rgba(28, 175, 188, 1); }
.summer-catalog--v05-5-rgba { color: rgba(0, 123, 188, 1); }

/* Color Theme Swatches in HSLA */
.summer-catalog--v05-1-hsla { color: hsla(57, 74, 54, 1); }
.summer-catalog--v05-2-hsla { color: hsla(54, 100, 55, 1); }
.summer-catalog--v05-3-hsla { color: hsla(174, 68, 66, 1); }
.summer-catalog--v05-4-hsla { color: hsla(184, 73, 42, 1); }
.summer-catalog--v05-5-hsla { color: hsla(200, 100, 36, 1); }

[empitsu]

https://www.freelogodesign.org/

[empitsu]