#5cf039 헥스 색상 코드 > HTML,CSS,레이아웃

본문 바로가기

검색취소

#5cf039 헥스 색상 코드

검색 이전 다음 목록

본문

#5cf039 정보

  • 반전
    #a30fc6
    25% 포화도
    #52ff2a
    그레이스케일
    #949494

    25% 밝게
    #94f57e
    원본
    #5cf039
    25% 어둡게
    #34cf0f

    lawngreen
    #7cfc00
    25% 포화도 저하
    #6ad94f
    웹 전용: lime
    #00ff00

  • 색상 스페이스 변환

    • RGB

      rgb(92, 240, 57)

    • RGBA

      rgba(92, 240, 57, 1.0)

    • RYB

      빨강: 22.353%, 노랑: 94.118%, 파랑: 80.392%

    • 헥스

      #5cf039

    • 10진

      6090809

    • HSL

      hsl(109, 86%, 58%)

    • HSLA

      hsla(109, 86%, 58%, 1.0)

    • HSV / HSB

      색상: 108.525, 채도: 76.25, 값: 94.118

    • XYZ

      X: 36.312, Y: 64.891, Z: 14.482

    • xyY

      x: 0.314, y: 0.561, Y: 64.891

    • CIELab

      L: 84.427, a: -70.071, b: 71.06

    • CIELuv

      L: 84.427, u: -65.763, v: 94.634

    • CIELCH

      L: 84.427, C: 99.797, H: 134.599

    • Hunter-Lab

      L: 80.555, a: -60.507, b: 45.729

    • CMYK

      시안: 0.617, 마젠타: 0, 노랑: 0.763, 키: 0.059

    • CMY

      시안: 0.639, 마젠타: 0.059, 노랑: 0.776

    • YIQ

      Y: 174.886, I: -29.375, Q: -88.233

    • YUV

      Y: 174.886, U: -58.01, V: -72.718

    • YDbDr

      Y: 174.886, Db: -177.339, Dr: 157.573

    • YCbCr

      Y: 166.19, Cb: 69.567, Cr: 76.021

    • YPbPr

      Y: 195.3, Pb: -74.48, Pr: -65.582

    • 먼셀 칼라 시스템

      10GY 8/16 대략; 일치 검색: Munsell 10GY 8/16 / #47e740

색상 챠트

  • RGB

    #5cf039 RGB 색상 챠트

  • CMYK

    #5cf039 CMYK 색상 챠트

  • RYB

    #5cf039 RYB 색상 챠트

색맹 시뮬레이션

#5cf039 의 색상 스킴 / 색상 콤비네이션 및 조화

색상 팔레트를 ASE (Adobe Swatch Exchange) 또는 GIMP .gpl 포맷으로 다운로드하기.

단채색

  1. #228a0a
  2. #29a50c
  3. #30c10e
  4. #37dc10
  5. #45ed1d
  6. #5cf039
  7. #72f254
  8. #89f470
  9. #a0f68b
  10. #b6f8a7

이름이 지정된 색상

색상 그라디언트

#5cf039 을 백색으로

  1. #5cf039
  2. #6ef14f
  3. #80f365
  4. #92f47b
  5. #a4f691
  6. #b6f8a7
  7. #c8f9bd
  8. #dafbd3
  9. #ecfde9
  10. #fffeff

#5cf039 을 흑색으로

  1. #5cf039
  2. #51d532
  3. #47ba2c
  4. #3da025
  5. #33851f
  6. #286a19
  7. #1e5012
  8. #14350c
  9. #0a1a06
  10. #000000

HTML 및 CSS / CSS3 예제들

  • #5cf039 전경

    <p style="color: #5cf039; background-color: #000">#5cf039 전경</p>

  • #5cf039 배경

    <p style="background-color: #5cf039">#5cf039 배경</p>

  • #5cf039 경계선

    <p style="border: #5cf039 3px solid">#5cf039 경계선</p>

  • #5cf039 원형 그라디언트

    <p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5cf039, #fff); background: -webkit-radial-gradient(50% 50%, #5cf039, #fff); background: -o-radial-gradient(50% 50%, #5cf039, #fff); background: -ms-radial-gradient(50% 50%, #5cf039, #fff); background: radial-gradient(50% 50%, #5cf039, #fff)">#5cf039 원형 그라디언트</p>

  • #5cf039 선형 그라디언트에서 상호보완적인 #cc39ef으로

    <p style="padding: 15px 0; background: -moz-linear-gradient(top, #5cf039, #cc39ef); background: -webkit-linear-gradient(top, #5cf039, #cc39ef); background: -o-linear-gradient(top, #5cf039, #cc39ef); background: -ms-linear-gradient(top, #5cf039, #cc39ef); background: linear-gradient(top, #5cf039, #cc39ef); color: #000">#5cf039 선형 그라디언트에서 상호보완적인 #cc39ef으로</p>

  • #5cf039 텍스트 음영

    <p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5cf039">#5cf039 텍스트 음영</p>

페인트 챠트에

추천 0

등록된 댓글이 없습니다.

검색취소

HTML,CSS,레이아웃

검색
  • no image
  • CSS : 반응형 웹(Responsive Web)

     CSS : 반응형 웹(Responsive Web)Posted by 서 지수 in 배움터 - 열공on Mar 31st, 2014태블릿 PC, 스마트 폰 등 모바일 기기의 이용이 늘어나면서 모바일 웹에 대한 관심이 많…

  • no image
  • CSS 글 자간 줄간 설정방법

    CSS 글 자간 줄간 설정방법 글 꼴의 종류와 크기를 결정했다면, 볼드/이텔릭과 같은 글꼴의 장식 및 자간, 줄간 들여쓰기와 같은 문단 편집기능에 대하여 살펴봅니다. 몇몇 기능은 브라우저에 따라, 적용/미적용 여부가…

  • #5cf039 헥스 색상 코드
  • #5cf039 헥스 색상 코드

    첨부파일

    #5cf039 정보 반전#a30fc625% 포화도#52ff2a그레이스케일#949494 25% 밝게#94f57e원본#5cf03925% 어둡게#34cf0f lawngreen#7cfc0025% 포화도 저하#6ad94f웹 …

  • CSS 레이아웃... Copy & Paste
  • CSS 레이아웃... Copy & Paste

    첨부파일

    오랜만에 그냥 팁 하나! CSS 레이아웃이 익숙치 않은 나 같은 분을 위한 친절한 사이트.. Copy & Paste를 해도 걱정 없다.Dynamic Drive CSS Layouts via Ajaxian 덤으로 왼쪽 …

  • XHTML+CSS 레이아웃 디자인 예제
  • XHTML CSS 레이아웃 디자인 예제

    첨부파일

    XHTML과 CSS로 레이아웃 디자인을 할 때 많이 쓰이는 레이아웃 디자인 템플릿을 모아둔 싸이트가 있다.http://www.intensivstation.ch/en/templates/일반적으로 사용되는 웬만한 레이아…

  • CSS 레이아웃 - Float 속성을 이용한 레이아웃 만들기
  • CSS 레이아웃 - Float 속성을 이용한 레이아웃 만들기

    *예전에 작성했던 강좌의 마지막 부분입니다. CSS를 통해 이전 강좌에서 작성한 마크업에 모양새를 입히기 전에 한 번 복습 하는 의미로 참고하면 좋겠네요 float 속성이번 시간에는 css를 통해 레이아우팅을 할 때…

?>