网站首页 > 知识剖析 正文
前言
Hi,大家好,今天给大家分享一款款小众且高级配色网站,让我们对颜色不再手足无措。
首先,自己是个纯纯程序猿,对于每天敲代码的我,最舒服的颜色就是“黑”、“白”。当然,在每天的工作学习过程中,遇见好看的网站或者设计高级的产品时,自己也会感叹一句:哇,好漂亮!好高级!
那么,是什么影响了我们的感官呢,我想这里面,一定有很多很多的因素:比如排版、配色、布局、字体等等这些,今天呢,抛开其他的不谈,我们来聊聊神奇的配色。
在网站设计或者产品设计中,如何进行颜色的选择、色彩的搭配呢?作为一个程序员,设计小白如何能选取高级配色来制作出富有高级感的网站呢?其实,有很多实用的工具能帮助我们提供配色灵感,使我们人人都能玩转色彩搭配。
Color Space
网址:https://mycolor.space/
这个网站界面很简洁,是根据一个基础色来自动帮你匹配出其它的颜色组合。
我们只需要输入喜欢的颜色,网站就会自动生成各种漂亮的调色板。
在色彩的应用中,为了使我们网页背景或内容比较生动、富有视觉层次,通常会使用到——渐变色。
该网站除了可以生成漂亮的配色板外,还提供了前端工程师的福音——根据选择的颜色生成漂亮的CSS渐变。
选择你想要的两种颜色及颜色渐变的方向,便可看到背景的渐变色效果(所见即所得),且直接生成渐变色的CSS代码供前端工程师使用。
除了可以生成双色渐变色外,还可以生成三色渐变,如下图所示:
跟生成双色渐变一样,只需输入三种颜色,选择渐变方向,便可从背景中即时看到渐变效果。
猜你喜欢
- 2024-11-13 史上最强配色如何在科研中应用 科研配图配色附带rgb
- 2024-11-13 oppo新玩法!一键设置微信透明,方法超级简单
- 2024-11-13 配色 | 58个超全设计师配色网站,速来收藏
- 2024-11-13 「Color诊所」这些系统图标的出现代表开启了哪些功能
- 2024-11-13 索尼详解“黑彩晶”大型 LED 屏:不同角度色差、反射极小
- 2024-11-13 以人为本,为颜色障碍用户打造人性化设计
- 2024-11-13 用数据告诉你,国货彩妆凭什么崛起
- 2024-11-13 Color OS也能禅定?一加专注模式体验
- 2024-11-13 实战PyQt5: 114-颜色类QColor 儿童简笔画图片大全带颜色
- 2024-11-13 「一图个性」ColorOS 12个性定制之不一样的壁纸设置
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)