color-thief获取图片主色调颜色配色效果代码

代码语言:html

所属分类:其他

代码描述:color-thief获取图片主色调颜色配色效果代码,请在bfwstudio中预览查看效果。

代码标签: color-thief 获取 图片 主色调 颜色 配色

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html class="no-js" lang="en">

<head>
   
<meta charset="utf-8">
   
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

   
<title>Color Thief</title>

   
<meta name="viewport" content="width=device-width,initial-scale=1">

   
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Karla%7CMontserrat:700">
   
<style>
        :root {
        /* Colors */
        --color: #000;
        --bg-color: #f9f9f9;
        --primary-color: #fc4c02;
        --secondary-color: #f68727;
        --muted-color: #999;
        --code-color: var(--primary-color);
        --code-bg-color: #fff;
   
        /* Typography */
        --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        --code-font: Menlo, Consolas, Monaco, Lucida Console, monospace;
        --bold: 700;
        --x-bold: 900;
        --line-height: 1.5em;
        --line-height.........完整代码请登录后点击上方下载按钮下载查看

网友评论0