如何找到网站的配色方案

时间:2018-01-05 06:22:58

标签: css

我喜欢这个网站的配色方案,http://flat.io。我想在我的网站上使用它的配色方案。我怎么能找到它?我尝试查看源代码但找不到相关信息。

3 个答案:

答案 0 :(得分:1)

在chrome(F12)中使用inspect。   对于网站,您提供:这是配色方案。

 background: linear-gradient(45deg,#33b1f8 37%,#6e90f6 100%);

您可以按照google devTools进行实时编辑,更改将反映在用户界面中。 “样式”窗格中的实时编辑样式属性名称和值。所有样式都是可编辑的,但灰色的样式除外(与用户代理样式表的情况一样)。

要编辑名称或值,请单击它,进行更改,然后按Tab或Enter保存更改。

遵循: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

希望它有所帮助。!

答案 1 :(得分:0)

他们使用CSS属性线性渐变来应用该颜色方案。

background: linear-gradient(45deg,#33b1f8 37%,#6e90f6 100%);

这就是你要找的东西。

下次阅读guidlines发布问题。 :)

答案 2 :(得分:0)

找到颜色很容易。找到颜色选择器并从任一侧选择颜色。你也可以使用photoshop。

<强>左

HTML code:  #36B1F7
RGB code:   R: 54 G: 177 B: 247

从右

HTML code:  #6297F7
RGB code:   R: 98 G: 151 B: 247

enter image description here

但是从该网站获得最佳方法是使用浏览器检查器并单击style选项卡。那是因为它有度角。在这里你可以找到,

enter image description here

linear-gradient(45deg,#33b1f8 37%,#6e90f6 100%)

提及 Yashwanth M