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