"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 웹 페이지에서 일반적으로 사용되는 색상

웹 페이지에서 일반적으로 사용되는 색상

빨간색

-흥미로운 색상입니다. 자극 효과는 사람들을 충동적이고, 분노하고, 열정적이고, 활기차게 느끼게 할 수 있습니다.

#FFFFCC
#CCFFFF
#FFCCCC
#99CCCC
#FFCC99
#FFCCCC
#FF9999
#996699
#FFCCCC
#CC9999
#FFFFCC
#CCCC99
#FFCCCC
#FFFF99
#CCCCFF
#0099CC
#CCCCCC
#FF6666
#FF9966
#FF6666
#FFCCCC
#CC9966
#666666
#CC9999
#FF6666
#FFFF66
#99CC66
#CC3333
#CCCCCC
#003366
#993333
#CCCC00
#663366
#CCCC99
#666666
#CC9999
#FF6666
#FFFF00
#0066CC
#CC0033
#333333
#CCCC00
#336633
#990033
#FFCC99
#993333
#CC9966
#003300
#FF0033
#333399
#CCCC00
#CC0033
#000000
#003399
#000000
#99CC00
#CC0033
#999933
#993333
#333300

주황색

또한 가볍고 즐겁고 따뜻하며 따뜻하고 패셔너블한 효과를 지닌 흥미로운 색상이기도 합니다.

#FFCC99
#FFFF99
#99CC99
#FFCC99
#CCFF99
#CCCCCC
#FFCC99
#FFFFCC
#99CCFF
#FF9966
#FFFFCC
#99CC99
#FF9900
#FFFFCC
#336699
#CCCC33
#FFFF99
#CC9933
#996600
#FFCC33
#FFFFCC
#FFFFCC
#CC9933
#336666
#FF9900
#FFFF00
#0099CC
#99CC33
#FF9900
#FFCC00
#FF9933
#99CC33
#CC6699
#FF9933
#FFFF00
#3366CC
#FF9933
#FFFFCC
#009966
#FF6600
#FFFF66
#009966
#990033
#CCFF66
#FF9900
#FF9966
#996600
#CCCC00
#CC6600
#999999
#CCCC33
#CC6600
#CCCC33
#336699
#000000
#FF9933
#999966
#663300
#FF9933
#FFFF66

노란색

- 행복, 희망, 지혜, 가벼움의 성격으로 가장 빛나는 성격을 가지고 있습니다.

#FFFFCC
#CCFFFF
#FFCCCC
#FFFF00
#FFFFFF
#CCCC00
#99CCFF
#FFCC33
#FFFFCC
#FFFF33
#99CCFF
#CCCCCC
#FFFF00
#FFFFFF
#9933FF
#99CCFF
#FFCC33
#FFFF33
#FFCC00
#66CC00
#FFFF99
#FF9900
#FFFF00
#0099CC
#FFCC00
#0000CC
#FFFF99
#CC9999
#FFFFCC
#6666CC
#999933
#FFFFCC
#CC99CC
#CCCC00
#666600
#FFFF66
#FF9966
#FFFFCC
#99CC99
#FFCC33
#FFFFCC
#999966
#FFCC99
#FF6666
#FFFF66
#FFCC99
#999966
#FFFF00
#FFFF99
#99CC99
#666600
#999966
#FFFF99
#333333
#006633
#333300
#CCCC99
#006633
#663300
#CCCC66

연두색

#33CC33
#6666CC
#FFFFFF
#CCCC33
#FFFFFF
#CCFFCC
#FFCC99
#CCFF99
#CCCCCC
#CCCC00
#999966
#FFFFCC
#CCCC33
#FFFFFF
#336699
#CCCC33
#999999
#CCFFFF
#00CC00
#0066CC
#99CCCC
#99CC33
#FF9900
#FFCC00
#99CC33
#CCCCFF
#663300
#CCCC33
#993399
#000000
#CC6600
#999999
#CCCC33
#CC9933
#FFFF99
#99CC99
#669933
#CCCC33
#663300
#99CC33
#CCCCCC
#000000
#CC6600
#CCCC33
#336699
#666600
#CCCC66
#CCFFCC
#333366
#99CC33
#336699
#666666
#99CC33
#003366
#003333
#99CC33
#999999
#996633
#FFFF99
#99CC66

녹색

-차갑고 따뜻한 색상 사이에서 조화와 평온, 건강과 안정감을 줍니다. 골드빛 옐로우와 라이트 화이트를 조합해 우아하고 편안한 분위기를 연출할 수 있습니다.

#009966
#FFFFFF
#FFFF00
#339933
#FFFFFF
#9933CC
#339933
#FFFFFF
#000000
#339933
#99CC00
#FFFFCC
#FFFFCC
#CCCC66
#336666
#99CC33
#FFFF66
#336600
#339933
#CC9900
#666666
#339966
#CCCCCC
#003366
#669933
#CCCCCC
#000000
#339933
#CCCCCC
#6699CC
#006633
#CCCC33
#CC9933
#339933
#666633
#CCCC66
#339933
#FFCC33
#336699
#006633
#669933
#99CC99
#336666
#996633
#CCCC33
#003300
#669933
#CCCC99
#006633
#990033
#FF9900
#006633
#333300
#CCCC99
#006633
#663300
#CCCC66
#993333
#CC9966
#003300

녹색

#CCFF99
#FFFFFF
#66CCCC
#339999
#FFFFFF
#99CCFF
#66CC99
#FFFFFF
#666699
#009999
#66CCCC
#CCFFFF
#66CCCC
#CCFF66
#FF99CC
#339999
#FFFF00
#336699
#CC9933
#339999
#FFCC33
#FFCC00
#009999
#CC3333
#669999
#CCCCCC
#CC99CC
#339999
#CCCCCC
#000000
#339999
#666699
#CCCCCC
#003333
#99CC99
#FFFFCC
#669999
#CCFFCC
#996699
#996699
#CCCC99
#669999
#999966
#CCCC99
#339999
#336666
#669999
#CCCC99
#999999
#003366
#669999
#663333
#339999
#CCCC66
#333333
#339999
#CCFFCC
#336666
#3399CC
#666666

파란색

- 가장 멋지고 신선하며 전문적인 색상입니다. 흰색과 혼합하면 부드럽고 우아하며 로맨틱한 분위기를 연출할 수 있습니다(하늘색처럼 :) 흰색---하얀색, 밝음, 순수함, 청결함의 느낌을 가지고 있습니다.

#FFFFCC
#CCFFFF
#FFCCCC
#99CCCC
#FFFFFF
#3399CC
#CCFFCC
#99CCCC
#FFFFCC
#CCCCFF
#FFFFFF
#99CCFF
#FFCC99
#FFFFCC
#99CCFF
#336699
#FFFFFF
#99CCCC
#99CCCC
#FFFFFF
#CCFF99
#CCCCFF
#FFFFCC
#CCFFFF
#99CCCC
#FFFFFF
#336699
#99CCFF
#CCFFFF
#6699CC
#99CC33
#FFFFFF
#3399CC
#0099CC
#FFFFCC
#666699
#CCCCCC
#003366
#99CCFF
#0099CC
#FFFFFF
#666666
#CCCCCC
#6699CC
#666666
#336699
#CCCC99
#003366
#3399CC
#003366
#CCCCCC
#6699CC
#006699
#000000
#003366
#CCCCCC
#006699
#999933
#336699
#333333

파란색 보라색

#CCFFFF
#FFFFFF
#CCCCFF
#CCCCCC
#FFFFFF
#666699
#99CCFF
#FFFFFF
#333399
#6666CC
#FFFFFF
#FF9999
#9999FF
#FFCC33
#FFFFCC
#0099CC
#FFFFCC
#666699
#0000FF
#6699FF
#CCFFFF
#6666FF
#66CCFF
#CCFF66
#669999
#FFFFCC
#6666CC
#9999CC
#FF9999
#666699
#003399
#FFCCCC
#6699CC
#CC6666
#333399
#CCCC00
#000066
#6666FF
#CCCCCC
#003399
#CCFF99
#333333
#333366
#CC0033
#CCCCCC
#336699
#CCCC66
#333300
#003399
#FFFF99
#000000
#990066
#CCCC33
#003399
#CC3333
#000000
#003399
#333366
#999966
#333333

보라

#FFFFCC
#FFFF99
#CCCCFF
#9999CC
#99CC99
#FFFFFF
#FFCCCC
#CCCCFF
#CCCC99
#9999CC
#FFFFCC
#FFCCCC
#FFCCCC
#FF99CC
#CCCCFF
#660066
#FFFFFF
#663333
#CCCC99
#333333
#9966CC
#CCCC00
#FF9966
#663399
#996699
#FFCCCC
#CC99CC
#996666
#CC99CC
#FFCCCC
#FFCC99
#FF9933
#663366
#333399
#CCCCFF
#CC99CC
#663366
#CCCCCC
#CC99CC
#996699
#9999CC
#CCCCFF
#CC9966
#999999
#663366
#330033
#666666
#669999
#CCCCCC
#999999
#663366
#FF33CC
#CCCC99
#663366
#663366
#999999
#CCCCFF
#999966
#993333
#330033

보라색 빨간색

#FFCCCC
#FFFFFF
#99CC00
#FF99CC
#FFFFFF
#993366
#66CC99
#FFFFFF
#CC6699
#CC9999
#FFCCCC
#CC99CC
#FFCCCC
#FFFF99
#CCCCFF
#FFFF99
#993399
#FF99CC
#66CCCC
#CCFF66
#FF99CC
#FF99CC
#003399
#CCCC00
#FFCCCC
#FF99CC
#CCCCFF
#FF9999
#FFCCCC
#FF99CC
#669966
#CC6699
#FFCCFF
#CCCCCC
#CC99CC
#CC3399
#CC3399
#FFCC99
#FF6666
#FF3399
#CCCC99
#663366
#663366
#FFFFCC
#FFCCCC
#663366
#CCCCCC
#CC99CC
#990066
#FFCC00
#CC0033
#990066
#CCCCCC
#006699
#999900
#990033
#000000
#990066
#000000
#009966

노출 조합별 분류

컬러 매칭은 복잡해 보일 수도 있지만 신비롭지는 않습니다. 각 색상은 인상 공간에서 고유한 위치를 갖고 있기 때문에 색상 매칭을 통해 얻은 인상은 가감을 통해 근사화할 수 있습니다. 각 색상의 밝기가 높으면 중첩이 자연스럽게 부드럽고 밝아지며, 각 색상이 강하면 중첩이 강해집니다. 물론 실제 디자인 과정에서 디자이너는 곱셈과 나눗셈도 고려해야 합니다. 예를 들어, 동일한 명도와 대비를 지닌 색상은 색상환에서 서로 다른 각도를 가지며 함께 짝을 이루면 끊임없이 변화하는 느낌을 받게 됩니다. 따라서 이 책에서는 색상에 따른 조합을 나열한 것 외에 독자들의 참고를 위해 느낌에 중점을 둔 조합도 나열했다.

부드러움,밝음,부드러움

명도가 높은 컬러들을 함께 조합하면 부드럽고 밝고 온화한 느낌을 얻을 수 있습니다. 눈부심을 방지하기 위해 디자이너는 일반적으로 밝기가 낮은 전경 톤을 사용하여 혼합하고, 색상환의 색상 간 거리도 흐릿함을 방지하는 데 도움이 됩니다.

#FFFFCC
#CCFFFF
#FFCCCC
#FFCCCC
#FFFF99
#CCCCFF
#FF9966
#FF6666
#FFCCCC
#FFCC99
#CCFF99
#CCCCCC
#FFCCCC
#CCCCFF
#CCFFCC
#CCFFFF
#CCCCCC
#CCFF99
#FFCCCC
#FFFFFF
#99CC99
#99CCCC
#FFCC99
#FFCCCC
#CCCCFF
#FFCCCC
#CCFFFF
#FFCC99
#FFFFCC
#99CCCC

부드럽고 깨끗하며 상쾌함

부드럽고 깨끗하며 경쾌한 인상을 주기 위해서는 색상환에서 파란색에서 녹색에 인접한 색상이 가장 적합해야 합니다. 그리고 밝기는 높은 편입니다. 거의 모든 조합에 백인 참여가 있음을 알 수 있습니다. 물론 실제 디자인에서는 흰색 대신 파란색과 녹색의 반대 색상을 지닌 고휘도 색상을 사용할 수도 있다.

#CCFF99
#FFFFFF
#99CCFF
#99CCCC
#FFFFFF
#CCFF99
#CCFFCC
#FFFFFF
#66CCCC
#CCCCFF
#FFFFFF
#99CCCC
#CCFFCC
#99CCCC
#FFFFCC
#CCFFFF
#FFFFFF
#CCCCFF
#CCFFFF
#FFFFFF
#99CCFF
#66CCFF
#FFFFFF
#CCFFFF
#6699CC
#FFFFFF
#99CCFF
#CCCCFF
#FFFFFF
#99CCFF

귀엽고, 행복하고, 흥미롭다

귀엽고, 즐겁고, 재미있는 느낌의 배색의 특징은 균일한 색상 분포, 따뜻하고 차가운 조합, 채도가 높고 색상 해상도가 높다는 것입니다.

#66CCCC
#CCFF66
#FF99CC
#FF9999
#FFFFFF
#FFCC99
#FF6666
#FFFF66
#99CC66
#666699
#FFFFFF
#FF9999
#99CC33
#FF9900
#FFCC00
#FF0033
#FFFFFF
#FF9966
#FF9900
#CCFF00
#CC3399
#99CC33
#FFFFFF
#FF6600
#993366
#CCCC33
#666633
#66CCCC
#FFFFFF
#666699

활기차고, 행복하고, 흥미롭다

생동감 있고 행복하며 흥미롭습니다. 이전 인상에 비해 색상 선택이 더 넓어졌습니다. 가장 중요한 변화는 순백색을 채도가 낮은 색상이나 회색으로 바꾸는 것입니다.

#CC9999
#FFFF99
#666699
#FF9900
#FFFF00
#0099CC
#CCCC99
#CC3399
#99CC00
#FF6666
#FFFF00
#3399CC
#CC6600
#999999
#CCCC33
#FF9933
#FFFFCC
#009933
#0099CC
#CCCCCC
#FF6666
#FF6600
#FFFF66
#009966
#CC6633
#FFCC99
#CC6600
#CC0066
#009999
#FFCC33

스포티하고 활기차다

스포츠의 색상은 강렬하고 신나는 느낌을 강조하는 동시에 건강, 행복, 햇빛을 반영해야 합니다. 따라서 이러한 느낌에는 채도가 높고 명도가 낮은 색상이 나타나는 경우가 많습니다.

#FF6666
#FFFF00
#006699
#FF9966
#FFFFFF
#0066CC
#339933
#FFCC33
#336699
#FF9900
#FFFFCC
#336699
#CC6600
#CCCC44
#336699
#99CC33
#FFFFFF
#0099CC
#99CC33
#FF6666
#336699
#336699
#FFFFFF
#99CCCC
#FF0033
#333399
#CCCC00
#33CC99
#FFFF00
#336699

활기차고 화려하며 역동적인

화려한 인상을 얻으려면 페이지가 풍부한 색상과 높은 채도를 가져야 하며, 밝기를 적절하게 약화시키면 이러한 인상이 강화될 수 있습니다.

#990066
#FFCC00
#CC0033
#FFCC33
#333399
#FF0033
#666699
#FFFF00
#FF0033
#FF0033
#006699
#FFFF33
#FFCC00
#009999
#CC3366
#FF0033
#CCCC00
#006699
#CCCC00
#FF9933
#663399
#FF9933
#FFFF00
#336699
#CC3333
#FFCCCC
#99CC00
#003399
#FFFF00
#FF6600

야성적, 활력적, 역동적

저휘도 컬러는 와일드한 느낌의 공간에 없어서는 안 될 요소이며, 적절한 블랙 컬러와도 매칭이 가능합니다. 다른 색상은 채도가 높고 대비가 강합니다.

#990066
#FFFF00
#003399
#CC0033
#000000
#003399
#003399
#FFFF00
#F00000
#CC3333
#CCCCCC
#003366
#CC0033
#333333
#CCCC00
#000000
#99CC00
#CC0033
#FF0033
#333333
#FF9900
#990066
#000000
#009966
#666666
#FF6600
#333333
#993333
#CCCC00
#663366

화려하다, 화려하다, 여성스럽다

보라색과 자홍색은 여성스러운 페이지의 주인공이며, 분홍색과 녹색도 일반적인 색상입니다. 일반적으로 채도가 높아야 합니다.

#FFFF99
#993399
#FF99CC
#FF6666
#FFFFFF
#339999
#FF99CC
#003399
#CCFF00
#66CC99
#FFFFFF
#CC6699
#CC3399
#FFCC99
#FF6666
#FFCCCC
#FFFFFF
#993366
#CC6699
#FFFF00
#666699
#CC6699
#99CC66
#663366
#FF33CC
#CCCC99
#663366
#CC3399
#FFCC99
#FF6666

뒷맛, 여성미, 우아함

우아한 느낌이 매우 이상하며 일반적으로 색상의 채도를 줄여야 합니다. 일반적으로 명도와 채도는 파란색과 빨간색의 인접한 색상과 일치하도록 조정됩니다.

#CCCCCC
#CC99CC
#CC3399
#FFCCCC
#FF99CC
#CCCCFF
#CC3399
#9933CC
#CC99CC
#9999CC
#FFFFCC
#FFCCCC
#663366
#CCCCCC
#CC99CC
#FF9999
#FFCCCC
#FF99CC
#996666
#CC99CC
#FFCCCC
#CC9999
#CCCCCC
#FFCCCC
#FF9999
#996699
#FFCCCC
#996699
#FFCCCC
#CC99CC

고상하고 자연스럽고 안정적인

귀족은 일반적으로 밝기가 낮은 황록색을 사용하고 색상의 밝기를 낮추고 색상 균형에 주의를 기울이면 페이지가 안정적으로 나타납니다.

#CCCC33
#FFFF99
#CC9933
#CC9966
#CCCC66
#669999
#FF9966
#996600
#CCCC00
#CCCC66
#660033
#CC6600
#CCCC00
#666600
#CCCCFF
#CC9933
#009999
#FFCC33
#999966
#CCCC99
#339999
#99CC99
#669933
#336633
#666633
#999933
#CC9966
#660000
#CC9900
#CCCC99

차분하고 자연스럽다

녹색은 차분하고 자연스러운 느낌의 주역이지만 페이지의 메인 컬러인 만큼 지나치게 부정적인 느낌을 전달하기 쉬우므로 패턴 디자인에 각별히 주의해야 합니다.

#FFFF99
#99CC99
#666600
#996633
#FFFF99
#99CC66
#006600
#66CC66
#CCFF99
#666600
#CCCC66
#CCFFCC
#669933
#CCCC33
#663300
#666633
#999933
#CC9966
#003300
#669933
#CCCC99
#006633
#663300
#CCCC66
#666600
#FFFFCC
#999999
#006633
#333300
#CCCC99

전통적이고 우아하며 우아한

전통적인 콘텐츠는 일반적으로 색상, 특히 갈색의 채도를 낮춰야 합니다. 앞서 언급했듯이 보라색은 우아함과 우아함을 위해 일반적으로 사용되는 색상이기도 합니다.

#999933
#FFFFCC
#CC99CC
#CC9966
#666666
#CC9999
#CCCC99
#333333
#9966CC
#CCCC99
#666666
#CC9999
#996699
#CCCC99
#669999
#CC9966
#999999
#666666
#339966
#CCCCCC
#996699
#663366
#999999
#CCCCFF
#996699
#9999CC
#CCCCFF
#CCCC99
#999999
#663300

전통적, 꾸준함, 클래식함

전통성, 안정감, 클래식함 모두 보수적인 느낌을 주는 색상을 선택할 때, 밝기가 낮은 따뜻한 색상을 사용하는 것이 성숙한 미학과 조화를 이룹니다.

#6699CC
#663366
#CCCC99
#990033
#CCFF66
#FF9900
#666699
#660033
#99CC99
#663300
#FF9933
#FFFF66
#990033
#006633
#CCCC00
#660033
#999933
#660099
#993366
#CCCC33
#666633
#996600
#CCCC66
#666600
#009933
#CC9900
#666666
#666633
#CCCC33
#CC3366

충성스럽고 안정적이며 세련된

명도와 채도가 낮은 색상은 사람들에게 충성심과 안정감을 줍니다. 색상이 너무 보수적이지 않고 페이지가 경직되고 부정적으로 만드는 것을 방지하기 위해 이러한 조합은 차갑고 따뜻한 조합, 빛과 어둠의 대비에 주의해야 합니다.

#FFFFCC
#CC9933
#336666
#336666
#996633
#CCCC33
#336633
#990033
#FFCC99
#333366
#669999
#996600
#993333
#CC9966
#003300
#336633
#CCCC99
#333366
#663300
#999933
#333333
#663366
#666666
#333366
#999900
#990033
#CC99CC
#333366
#990033
#CCCCCC

단순하고 깨끗하며 진보적입니다.

심플하고 깔끔한 색상은 파란색과 녹색 색상으로 표현할 수 있으며 흰색의 영역이 넓습니다. 파란색을 더 많이 사용하거나 채도가 낮거나 회색과 함께 사용하면 진보된 느낌을 줄 수 있습니다.

#CCCCCC
#FFFFFF
#666699
#CCFF66
#FFFFFF
#003366
#99CCFF
#FFFFFF
#336699
#CCCC33
#FFFFFF
#336699
#0099FF
#FFFFCC
#666699
#99CC33
#CCCCCC
#000000
#CCCCCC
#003366
#99CCFF
#0099CC
#CCFF66
#666666
#3399CC
#003366
#CCCCCC
#ABCDEF
#ABCDEF
#ABCDEF

심플하고 패셔너블하며 우아한

그레이는 가장 균형 잡힌 색상으로 플라스틱과 금속 질감의 주요 색상 중 하나이므로 우아함과 패션을 표현하기 위해 적절하게 사용하거나 넓은 영역에도 사용할 수 있습니다. 하지만 패턴과 질감의 구성에 주의하세요.

#99CCFF
#FFFF66
#666666
#336666
#FFFFFF
#999999
#0099CC
#FFFFFF
#666666
#999999
#CCCCCC
#336666
#CCCCCC
#999999
#663366
#666666
#CCCCCC
#6699CC
#999999
#FFFFFF
#333366
#669999
#CCCCCC
#666666
#999999
#CCCCCC
#333333
#ABCDEF
#ABCDEF
#ABCDEF

단순하고 진보적이며 패셔너블한

진보를 표현하는 색상은 주로 파란색이며 회색과 짝을 이룹니다. 색상의 명도가 통일되어 색상이 인접해 있어 색상이 단순하게 보입니다.

#333366
#99CC33
#336699
#999999
#003366
#669999
#003399
#CCFF99
#333333
#999933
#336699
#333333
#666666
#99CC33
#003366
#999999
#336699
#333333
#3366CC
#CCCC66
#333300
#6699CC
#006699
#000000
#003366
#CCCCCC
#006699
#000000
#999999
#003366
√ 已复制

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3