#5cf039 정보

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

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

  lawngreen
  #7cfc0025% 포화도 저하
  #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

  

• CMYK

  

• RYB

  

색맹 시뮬레이션

• 제 2색맹

  #cbad3e

• 제 1색맹

  #f5ce3c

• 제 3색맹

  #6fcfd8

• 색맹

  #aeaeae

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

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

• 상호보완적인

  • #cc39ef

• 유사한

  • #b7ef39
  • #39ef71

• 나누기

  • #ef39b7
  • #7139ef

• 3색

  • #ef395b
  • #395cef

• 네모

  • #39b7ef
  • #cc39ef
  • #ef7139

• 4색

  • #39efcc
  • #cc39ef
  • #ef395b

• 5색

  • #39eeef
  • #5f39ef
  • #ef39a5
  • #efa839

• 6색

  • #39efcc
  • #395bef
  • #cc39ef
  • #ef395b
  • #efcc39

• 8색

  • #39ef9f
  • #39b7ef
  • #4339ef
  • #cc39ef
  • #ef3989
  • #ef7139
  • #e5ef39

• 10색

  • #39ef83
  • #39eeef
  • #3980ef
  • #5f39ef
  • #cc39ef
  • #ef39a5
  • #ef3a39
  • #efa839
  • #c9ef39

단채색

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

이름이 지정된 색상

• 깊이 관련된

  1. Lawn green
     #7cfc00
  2. Bright green
     #66ff00
  3. Lime green
     #32cd32
  4. Chartreuse
     #7fff00
  5. ASDA
     #33cc33
  6. French lime
     #9efd38
  7. Neon green
     #39ff14
  8. Harlequin
     #3fff00
  9. Malachite
     #0bda51
  10. Electric green, Green (X11 green), Lime (X11 green)
      #00ff00

• 약간 관련된

  1. QUOTE.fm
     #66ceff
  2. Charcoal
     #36454f
  3. Old lavender
     #796878
  4. New York pink
     #d7837f
  5. Etsy
     #eb6d20
  6. Jet
     #343434
  7. Quartz
     #51484f
  8. Bole, Medium Tuscan red
     #79443b
  9. Light pink
     #ffb6c1
  10. Cerulean frost
      #6d9bc3

• 관계가 먼

  1. Blue
     #0000ff
  2. Electric ultramarine
     #3f00ff
  3. Electric indigo, Indigo
     #6f00ff
  4. Pinboard
     #0000e6
  5. Violet
     #7f00ff
  6. Han purple
     #5218fa
  7. Electric violet, Violet
     #8f00ff
  8. Bluebonnet
     #1c1cf0
  9. Vivid violet
     #9f00ff
  10. Electric purple
      #bf00ff

색상 그라디언트

#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>

페인트 챠트에