GithubHelp home page GithubHelp logo

xiaochunjimmy / color-cube Goto Github PK

View Code? Open in Web Editor NEW
17.0 1.0 1.0 16 KB

An RGB color cube with mouse interaction to describe the Color-Space. 一个基于 Web 的可拖拽 RGB 色彩立方坐标系。

Home Page: https://cube.zhangxiaochun.com/

HTML 14.53% JavaScript 8.04% CSS 77.43%
color color-space rgb hsl

color-cube's Introduction

Color-Cube

LIVE PREVIEW 动态展示 | CodePen

This is an RGB color cube with mouse interaction to describe the Color-Space, designed for [my article]. Please indicate the source if you'd like to use it in your articles, sessions or projects.

本项目是一个基于 Web 的可拖拽 RGB 色彩立方坐标系,主要用于配合我的 [一篇文章] 内容展示和讲解 “色彩空间” 的概念。如果你想在自己的项目或者文章中使用本项目,还请注明来源😛

color-cube-shot

PLAN 完善计划:

The current basic functions are sufficient to cover my individual needs. The following plans are only for ideal improvement. You can submit feedback to me by creating issues. and improving this little project together by PR is super welcomed.

目前的基本功能已经足够满足个人需求,以下计划仅作为完善规划,如果有朋友需要未完成的功能,可以提 issue 反馈给我,也非常欢迎提 PR 来一起完善改进。

  • 6 gradient color sides | 完成立方体的 6 个色彩渐变面;
  • Axis | 添加坐标轴 ;
  • Can be dragged by mouse | 支持鼠标拖拽,多角度查看;
  • Can be dragged by finger on the mobile screen | 支持移动端手指拖拽;
  • Display with opacity | 支持半透明效果;
  • Hide axis button | 支持隐藏坐标轴;

color-cube's People

Contributors

xiaochunjimmy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

sodachan

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.