Coder Social home page Coder Social logo

cairx / color-converter-web Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 49 KB

A website that converts between different color formats.

Home Page: http://cairns.se/color-converter/

JavaScript 63.25% HTML 23.67% CSS 13.08%
color-conversion conversion-library website

color-converter-web's Introduction

Color Converter

A website that converts between different color formats.

documentation/screenshot-20180122-enter.png

documentation/screenshot-20180122-usage.png

Color Formats

Following formats are supported as both input and output, unless otherwise specified.

Hexadecimal Notation

Notation Description
#RRGGBB

Each pair of R(ed), G(reen) and B(lue) is an integer between 0 and 255 in base 16. Values are given as pairs, therefore single digit values need to be padded with a leading zero.

Examples, decimal values to the left and their hexadecimal translation to the right: 255 = FF, 0 = 00 and 10 = 0A.

#RRGGBBAA Same as #RRGGBB but with an additional pair representing Alpha. Alpha follows the same convention as the color values.
#RGB

Shorter version of #RRGGBB where each values is expanded.

Example: #B03 is equal to #BB0033. Note: Supported as input but not output.

#RGBA

Shorter version of #RRGGBBAA where each values is expanded.

Example: #9F08 is equal to #99FF0088. Note: Supported as input but not output.

Functional Notation

Notation is based on the standard defined by W3C Color Module. Not all variations are implemented for the input but the output format will be a valid format according to the standards.

Notation Description
rgb(R, G, B) Each value R(ed), G(reen) and B(lue) is an integer between 0 and 255.
rgba(R, G, B, A) Same as rgb() but with an additional value that represents Alpha. The alpha value is a decimal number between 0 and 1.

Float Notation

Notation is based on vectors that define colors using float values. An example would be the vec3 and vec4 data type specified by GLSL.

Notation Description
R, G, B Each value R(ed), G(reen) and B(lue) is a float between 0 and 1.
R, G, B, A Same as R, G, B but with an additional value that represents Alpha. The alpha value uses the same format as the colors.

color-converter-web's People

Contributors

cairx avatar

Watchers

 avatar  avatar

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.