컴퓨터 색상 정보 확인하는 사이트 (RGB, HSL, HSB, CMYK)

프로그래밍을 하다 보면 색의 값으로 색을 표현해야 하는 경우가 종종 있을 것이다.

특히, 웹이나 앱에서는 자주 있을텐데..

이러한, 색상 정보를 일일히 확인할 수는 없을 것이다.

역시나, 이러한 정보를 제공하는 홈페이지가 존재해서 포스팅 하려고 한다.

아래 사진은 간단하게 rgb로 색깔을 확인할 수 있는 사이트이다.

혹시나, RGB나 CYMK가 무엇인 지 확실하게 모르겠다면 다음 링크를 참고하시길 바랍니다!

RGB, CYMK 컬러 정리

사이트를 사용하는 방법은 굉장히 심플한 편이다.

해당 사이트로 가려면  http://rgb.to/ 

"type your color value here!" 이라는 문구가 써있는 텍스트 필드가 보일텐데..

여기에 원하는 색깔의 정보를 RED, GREEN, BLUE 값을 적어 넣는다.

위 사진에서는 보라색이 예제로 나와있는데, 위 텍스트에 109 45 162 처럼 각각의 값을 띄어서 넣어 주면 된다.

그러면, 위 사진처럼 간단하게 다양한 색상 표현 값들이 출력 된다.

"색상 표현 방법" | "색상 표현 값" 으로 나타나고 있는 데, 색상 표현 방법을 누르면 각각 값들이 클립보트에 자동으로 복사된다.

또한, 위의 값들을 JSON으로 가져올 수도 있는 데....

사진을 보면 아래에 "Save color values as JSON" 이라는 문구를 눌러보자.

그러면, 다음과 같은 값이 출력되는 것을 확인할 수 있을 것이다.

{
  "hex":"#0a141e",
  "websafe":"#000033",
  "rgb":{
    "r":10,
    "g":20,
    "b":30
  },
  "hsl":{
    "h":210,
    "s":50,
    "l":8
  },
  "hsb":{
    "h":210,
    "s":67,
    "b":12
  },
  "cmyk":{
    "c":67,
    "m":33,
    "y":0,
    "k":88
  }
}

이러한 방법으로 JSON 값을 이용하면 더 효율적인 프로그래밍이 되지 않을까 싶다.

서로 이웃 추가는 항상 환영입니다. :)