디크리노랗

Autodesk 2D AutoCAD, Adobe Photoshop, UG NX 3D

HTML CSS 웹디자인 색상표 글자 및 배경 테두리 색 – RGB CMYK

워드프레스나 티스토리와 같은 블로그 플랫폼에서 웹 디자인을 개선하고자 할 때, HTML CSS를 사용하는 방법을 알아보려 합니다. 특히 색상은 웹 페이지를 더욱 생동감 있게 만들어주는 중요한 요소 중 하나로서 포토샵 일러스트 등 디자인 프로그램 뿐만 아니라 웹디자인을 위한 HTML CSS 색상표 사용 방법과 주요 색상 코드에 대해 살펴보겠습니다.

참고 : 포토샵 RGB CMYK 변경 흑백사진 모드변환 및 개념

참고 : 일러스트 인쇄 CMYK RGB 변경 및 프린터 화면짤림 실제크기 해상도 PPI 저장

HTML 색상표 사용 방법

#93DAFF

#98DFFF

#9DE4FF

#A2E9FF

#A7EEFF

#ACF3FF

#B0F7FF

#B4FBFF

#B9FFFF

#C0FFFF

#87CEFA

#91D8FA

#A5D8FA

#AFDDFA

#B9E2FA

#C3E7FA

#CDECFA

#D7F1FA

#E1F6FA

#EBFBFF

#00BFFF

#0AC9FF

#14D3FF

#1EDDFF

#28E7FF

#32F1FF

#3CFBFF

#46FFFF

#96FFFF

#C8FFFF

#00A5FF

#00AFFF

#00B9FF

#00C3FF

#00CDFF

#00D7FF

#00E1FF

#00EBFF

#00F5FF

#00FFFF

#1EA4FF

#28AEFF

#32B8FF

#3CC2FF

#46CCFF

#50D6FF

#5AE0FF

#6EE0FF

#6EEAFF

#78F3FF

#1E90FF

#289AFF

#32A4FF

#3CAEFF

#46B8FF

#50C2FF

#5ACCFF

#64D6FF

#6EE0FF

#78EAFF

#96A5FF

#A0AFFF

#AAB9FF

#B4C3FF

#BECDFF

#C8D7FF

#D2E1FF

#DCEBFF

#E8F5FF

#F4FFFF

#86A5FF

#90AFFF

#9AB9FF

#A4C3FF

#AECDFF

#B8D7FF

#CCE1FF

#E0EBFF

#EBF5FF

#F9FFFF

#6495ED

#6E9FED

#78A9ED

#82B3ED

#8CBDED

#96C7ED

#A0D1F7

#AADBFF

#B4E5FF

#BEEFFF

#0078FF

#0A82FF

#148CFF

#1E96FF

#28A0FF

#32AAFF

#3CB4FF

#46BEFF

#50C8FF

#5AD2FF

#0064FF

#0A6EFF

#1478FF

#1E82FF

#288CFF

#3296FF

#3CA0FF

#46AAFF

#50B4FF

#5ABEFF

#0000FF

#3232FF

#5050FF

#646EFF

#6478FF

#6482FF

#648CFF

#6496FF

#64A0FF

#64AAFF

#4169E1

#4B73E1

#557DE1

#5F87E1

#6991E1

#739BE1

#7DA5E1

#87AFEB

#91B9F5

#9BC3FF

#0064CD

#0A6ECD

#1478CD

#1E82CD

#288CD2

#3296D7

#3CA0E1

#46AAEB

#50B4F5

#5ABEF5

#5A5AFF

#6464FF

#6E6EFF

#7878FF

#8282FF

#8C8CFF

#A0A0FF

#B4B4FF

#C8C8FF

#D2D2FF

#7B68EE

#8572EE

#8F7CEE

#9986EE

#A390EE

#AD9AEE

#B7A4EE

#C1AEEE

#CBB8EE

#D5C2EE

#6A5ACD

#7E6ECD

#8878CD

#9282CD

#9C8CCD

#A696CD

#B0A0CD

#BAAAD7

#C4B4E1

#CEBEE1

#0000CD

#2828CD

#4646CD

#6464CD

#6E6ED7

#7878E1

#8282EB

#8C8CF5

#9696FF

#A0A0FF

#00008C

#14148C

#28288C

#3C3C8C

#50508C

#646496

#7878AA

#8C8CBE

#A0A0C8

#B4B4DC

#483D8B

#52478B

#5C518B

#665B8B

#70658B

#7A6F95

#84799F

#8E83A9

#988DB3

#A297BD

#000069

#1E3269

#323C73

#3C467D

#3C5087

#3C5A91

#46649B

#506EA5

#5A78AF

#6482B9

​

#3DFF92

#47FF9C

#51FFA6

#5BFFB0

#65FFBA

#6FFFC4

#79FFCE

#75FFCA

#7AFFCF

#7FFFD4

#55EE94

#5FEE9E

#69EEA8

#73EEB2

#7DEEBC

#87EEC6

#91F8D0

#9BFFDA

#A5FFE4

#AFFFEE

#66CDAA

#70D2B4

#7AD7BE

#84DCC8

#8EE1D2

#98EBDC

#9DF0E1

#A2F5E6

#A7FAEB

#ACFFEF

#AAEBAA

#B4F0B4

#BEF5BE

#C8FAC8

#D2FFD2

#DCFFDC

#E1FFE1

#E6FFE6

#EBFFEB

#F0FFF0

#80E12A

#8AE634

#94EB3E

#9EF048

#A8F552

#B2FA5C

#BCFF66

#C1FF6B

#C6FF70

#CBFF75

#52E252

#5CE75C

#66EC66

#70F170

#7AF67A

#84FB84

#89FB89

#8EFB8E

#93FB93

#98FB98

#64CD3C

#6ED746

#78E150

#82EB5A

#8CF064

#96F56E

#9BFA73

#A0FA78

#A5FA7D

#AAFA82

#13C7A3

#18CCA8

#1DD1AD

#22D6B2

#27DBB7

#2CE0BC

#31E0C1

#36E0C6

#3BE0CB

#40E0D0

#46B4B4

#50BEBE

#5AC8C8

#64D2D2

#6EDCDC

#73E1E1

#78E6E6

#7DEBEB

#82F0F0

#87F5F5

#20B2AA

#2ABCB4

#34C6BE

#3ED0C8

#48DAD2

#52E4DC

#57E9E1

#5CEEE6

#61F3EB

#66F8F0

#5F9EA0

#69A8AA

#73B2B4

#7DBCBE

#87C6C8

#91D0D2

#96D5D7

#9BDADC

#A0DFE1

#A5E3E6

#3CB371

#46BD7B

#50C785

#5AD18F

#64DB99

#6EE5A3

#73EAA8

#78EFAD

#7DF4B2

#82F9B7

#2E8B57

#389561

#429F6B

#4CA975

#56B37F

#60BD89

#65C28E

#6AC793

#6FCC98

#74D19D

#228B22

#2C952C

#369F36

#40A940

#4AB34A

#54BD54

#5EC75E

#63CC63

#68D168

#6DD66D

#497649

#538053

#5D8A5D

#679467

#719E71

#7BA87B

#80AD80

#85B285

#8AB78A

#8FBC8F

#006400

#0A6E0A

#147814

#1E821E

#288C28

#329632

#3CA03C

#41A541

#46AA46

#4BAF4B

#008C8C

#0A9696

#14A0A0

#1EAAAA

#28B4B4

#32BEBE

#37C3C3

#3CC8C8

#41CDCD

#46D2D2

#008080

#0A8A8A

#149494

#1E9E9E

#28A8A8

#32B2B2

#37B7B7

#3CBCBC

#41C1C1

#46C6C6

​

#FFB6C1

#FFBBC6

#FFC0CB

#FFC5D0

#FFCAD5

#FFCFDA

#FFD4DF

#FFD9E4

#FFDEE9

#FFE3EE

#FFAAAF

#FFB4B9

#FFBEC3

#FFC8CD

#FFD2D7

#FFDCE1

#FFE1E6

#FFE6EB

#FFEBF0

#FFF0F5

#FF9E9B

#FFA8A5

#FFB2AF

#FFBCB9

#FFC6C3

#FFD0CD

#FFD5D2

#FFDAD7

#FFDFDC

#FFE4E1

#FF7A85

#FF848F

#FF8E99

#FF98A3

#FFA2AD

#FFACB7

#FFB1BC

#FFB6C1

#FFBBC6

#FFC0CB

#FF5675

#FF607F

#FF6A89

#FF7493

#FF7E9D

#FF88A7

#FF92B1

#FF9CBB

#FFA6C5

#FFB0CF

#FF82FF

#FF8CFF

#FF96FF

#FFA0FF

#FFAAFF

#FFB4FF

#FFBEFF

#FFC8FF

#FFD2FF

#FFDCFF

#FF7DB4

#FF87BE

#FF91C8

#FF9BD2

#FFA5DC

#FFAFE6

#FFB4EB

#FFB9F0

#FFBEF5

#FFC3FA

#FF69B4

#FF73BE

#FF7DC8

#FF87D2

#FF91DC

#FF9BE6

#FFA5F0

#FFAAF5

#FFAFFA

#FFB4FF

#FF1493

#FF1E9D

#FF28A7

#FF32B1

#FF3CBB

#FF46C5

#FF50CF

#FF5AD9

#FF64E3

#FF6EED

#DB7093

#DB7A9D

#DB84A7

#E08EB1

#E598BB

#EAA2C5

#EAB1D4

#EFACCF

#F4BBDE

#F4B6D9

#D7567F

#DC6089

#E16A93

#E6749D

#EB7EA7

#F088B1

#F592BB

#FA9CC5

#FFA6CF

#FFB0D9

#C71585

#C71F8F

#C73399

#C73DA3

#CC47AD

#D151B7

#D65BC1

#E065CB

#EA6FD5

#F479DF

#CD1039

#CD1F48

#CD2E57

#CD3861

#CD426B

#D24C75

#D7567F

#DC6089

#E16A93

#E6749D

#B9062F

#B91A4D

#BE2457

#C32E61

#C8386B

#CD4275

#D24C7F

#D75689

#DC6093

#E16A9D

​

#FAEB78

#FAF082

#FAF58C

#FAFA96

#FAFAA0

#FAFAAA

#FAFAB4

#FAFABE

#FAFAD2

#FAFAD2

#FFDC3C

#FFE146

#FFE650

#FFEB5A

#FFF064

#FFF56E

#FFFA78

#FFFA82

#FFFF8C

#FFFF96

#FFC81E

#FFD228

#FFD732

#FFDC3C

#FFE146

#FFE650

#FFEB5A

#FFF064

#FFF56E

#FFF978

#FFB400

#FFBE0A

#FFC314

#FFC81E

#FFCD28

#FFD232

#FFD73C

#FFDC46

#FFE150

#FFE65A

#FDCD8C

#FDD296

#FDD7A0

#FDDCAA

#FDE1B4

#FDE6BE

#FDEBC8

#FDF5D2

#FDF5DC

#FDF5E6

#FAC87D

#FACD87

#FAD291

#FAD79B

#FADCA5

#FAE1AF

#FAE6B9

#FAEBC3

#FAEBCD

#FAEBD7

#FFA500

#FFAF0A

#FFB914

#FFC31E

#FFCD28

#FFD732

#FFDC37

#FFE13C

#FFE641

#FFEB46

#FF9100

#FF9B00

#FFA500

#FFAF00

#FFB900

#FFC300

#FFC800

#FFCD00

#FFD200

#FFD700

#FF8200

#FF8C0A

#FF9614

#FFA01E

#FFAA28

#FFB432

#FFB937

#FFBE3C

#FFC341

#FFC846

#FFA98F

#FFB399

#FFBDA3

#FFC7AD

#FFD1B7

#FFDBC1

#FFE0C6

#FFE5CB

#FFEAD0

#FFEFD5

#FFA374

#FFAD7E

#FFB788

#FFC192

#FFCB9C

#FFD0A1

#FFD5A6

#FFDAAB

#FFDFB0

#FFE4B5

#FF9473

#FF9E7D

#FFA887

#FFB291

#FFBC9B

#FFC6A5

#FFD0AF

#FFD0AF

#FFD5B4

#FFDAB9

#FF7F50

#FF895A

#FF9364

#FF9D6E

#FFA778

#FFB182

#FFBB8C

#FFC091

#FFC596

#FFCA9B

#CD853F

#CD8F49

#D29953

#D7A35D

#DCAD67

#E1B771

#E6C17B

#EBC680

#F0CB85

#F5D08A

#D2691E

#D27328

#D27D32

#D7873C

#DC9146

#E19B50

#E6A55A

#EBAA5F

#EBAF64

#F0B469

#AE5E1A

#B86824

#C2722E

#CC7C38

#D68642

#E0904C

#E59551

#EA9A56

#EF9F5B

#F4A460

#8B4513

#8B4F1D

#8B5927

#8B6331

#906D3B

#957745

#9F814F

#A48654

#A98B59

#AE905E

​

#FF9696

#FFA0A0

#FFAAAA

#FFB4B4

#FFBEBE

#FFC8C8

#FFD2D2

#FFDCDC

#FFE6E6

#FFF0F0

#F08080

#F08A8A

#F09494

#F59E9E

#FAA8A8

#FAB2B2

#FAB7B7

#FABCBC

#FAC1C1

#FAC6C6

#F56E6E

#F57878

#F58282

#F58C8C

#F59696

#F5A0A0

#F5AAAA

#FAB4B4

#FABEBE

#FAC8C8

#F06464

#F06E6E

#F07878

#F08282

#F08C8C

#F09696

#F4A0A0

#F4AAAA

#F4B4B4

#FEBEBE

#FF0000

#FF3232

#FF4646

#FF5050

#FF5A5A

#FF6464

#FF6E6E

#FF7878

#FF8282

#FF8C8C

#EB0000

#EB3232

#EB4646

#EB5050

#EB5A5A

#EB6464

#F06E6E

#F57878

#FA8282

#FA8C8C

#CD0000

#CD3C3C

#CD4646

#CD5050

#D25A5A

#D76464

#DC6E6E

#E17878

#E68282

#EB8C8C

#CD5C5C

#CD6666

#CD7070

#CD7A7A

#D28484

#D78E8E

#DC9898

#E6A2A2

#EBACAC

#F0B6B6

#B90000

#B93232

#B93C3C

#B94646

#B95050

#BE5A5A

#C35F5F

#C86464

#CD6969

#D26E6E

#B22222

#B24040

#B24A4A

#B25454

#B75E5E

#BC6868

#C17272

#CB7776

#CB7C7C

#D08180

#A52A2A

#AA3E3E

#AF4848

#B45252

#BE5C5C

#C36666

#CD7070

#CD7A7A

#D28484

#D78E8E

#800000

#803232

#853C3C

#8F4646

#945050

#9E5A5A

#A36464

#AD6E6E

#B77878

#C18282

​

#CD853F

#CD8B45

#CD904A

#D2954F

#D29A54

#D79F59

#D7A45E

#E1A963

#E1AE68

#E6B36D

#DB631F

#E56D29

#E57733

#EA813D

#EF8B47

#EF904C

#F49551

#F49A56

#F49F5B

#F4A460

#D2691E

#D27328

#D77D32

#D7873C

#DC9146

#E19B50

#E6A055

#EBA55A

#F0AA5F

#F5AF64

#A0522D

#A05C37

#A06641

#A5704B

#AA7A55

#B4845F

#B98E69

#C39873

#CDA27D

#D7AC87

#8B4513

#8B4F1D

#8B5927

#8B6331

#906D3B

#9A7745

#A4814F

#AE8B59

#B89563

#C29F6D

#DA70D6

#DF75DB

#E47AE0

#E97FE5

#EE84EA

#F389EF

#F88EF4

#FD93F9

#FF98FE

#FF9DFF

#BA55D3

#BF5AD8

#C45FDD

#C964E2

#CE69E7

#D36EEC

#D873F1

#DD78F6

#E27DFB

#E782FF

#9932CC

#9E37D1

#A33CD6

#A841DB

#AD46E0

#B24BE5

#B750EA

#BC55EF

#C15AF4

#C65FF9

#9400D3

#9905D8

#9E0ADD

#A30FE2

#A814E7

#AD19EC

#B21EF1

#B723F6

#BC28FB

#C12DFF

#942894

#9E329E

#A83CA8

#B246B2

#BC50BC

#C65AC6

#D064D0

#DA6EDA

#E478E4

#EE82EE

#8c008c

#960a96

#a014a0

#aa1eaa

#b428b4

#be32be

#c83cc8

#d246d2

#dc50dc

#e65ae6

#800080

#8a0a8a

#941494

#9e1e9e

#a828a8

#b232b2

#bc3cbc

#c646c6

#d050d0

#da5ada

#834683

#8d508d

#975a97

#a164a1

#ab6eab

#b578b5

#bf82bf

#c98cc9

#d396d3

#dda0dd

#828282

#8c8c8c

#969696

#a0a0a0

#aaaaaa

#b4b4b4

#bebebe

#c8c8c8

#d2d2d2

#dcdcdc

#000000

#282828

#323232

#3c3c3c

#464646

#505050

#5a5a5a

#646464

#6e6e6e

#787878

HTML CSS 적용예시

HTML에서 색상을 지정하는 방법은 CSS를 활용하는 것으로 CSS는 Cascading Style Sheets의 약자로, HTML 요소의 디자인을 제어하는 스타일 시트로서 아래는 HTML에서 CSS를 사용하여 색상을 지정하는 방법입니다.

  • #FF0000 – HTML 코드는 녹색과 파랑을 띠지 않는 가장 강한 빨강 브라우저상에 보여줌
  • #00FF00 – HTML 코드는 빨강과 파랑을 띠지 않는 녹색을 보여줌
  • #0000FF – HTML 코드는 빨강과 녹색을 띠지 않는 파랑을 보여줌   
  • #FFFF00 – 빨강과 녹색의 조합은 노랑을 보여줌     
  • #CCEEFF – 약간의 빨강과 녹색 그리고 최대의 파랑을 조합하면 하늘색상이 됨

HTML CSS 배경색 지정코드

body {
background-color: #RRGGBB;
}

HTML CSS 글자색 지정코드

h1 {
color: #RRGGBB;
}

HTML CSS 테두리색 지정코드

div {
border: 1px solid #RRGGBB;
}

위 코드에서 #RRGGBB는 16진수 RGB 값을 나타내는 색상 코드입니다. R은 빨간색, G는 초록색, B는 파란색을 나타냅니다. 예를 들어, #FF0000은 빨간색을 의미합니다.

웹디자인 시 위 소스코드를 통해 HTML CSS 수정 코드를 입력하면 글씨 색상 및 테두리 색상등을 변경할 수 있습니다.

색상 이론에 대한 이해 – RGB CMYK

HTML CSS 활용 원하는 색상표 사용 RGB CMYK 6

색상은 웹 디자인에서 매우 중요한 역할을 하기 때문에 쉽게 색상 이론을 이해하는 몇 가지 기본 개념을 간략히 알아보겠습니다.

HTML CSS 활용 원하는 색상표 사용 RGB CMYK 9
  1. 가산혼합 (Additive Mixing): RGB 가산혼합은 빛을 이용하여 색상을 생성하는 방법입니다. 빨강(Red), 초록(Green), 파랑(Blue)의 세 가지 기본색을 조합하여 다양한 색상을 만들어냅니다. RGB 색상 모델은 컴퓨터 화면, TV 등에서 사용되며, 각 색상의 강도를 조절하여 원하는 색상을 만들 수 있습니다.
  2. 감산혼합 (Subtractive Mixing): CMYK 감산혼합은 잉크를 이용하여 색상을 혼합하는 방법입니다. 시안(Cyan), 마젠타(Magenta), 옐로우(Yellow), 검정(Key)의 네 가지 기본색을 조합하여 다양한 색상을 만들어냅니다. CMYK 색상 모델은 인쇄물 등에서 사용되며, 각 색상의 강도를 조절하여 원하는 색상을 표현합니다.
  3. 색상 공간 (Color Space) 색상공간은 색상을 표현하기 위한 3D 모델로, 색상을 좌표로 나타내며 가장 널리 사용되는 색상공간은 RGB와 CMYK입니다.

위의 이론적인 개념을 이해하면 웹 디자인에서 적절한 색상을 선택하고 효과적으로 활용할 수 있으며 이제 HTML과 CSS를 활용하여 원하는 색상을 구현하는 방법과 색상 이론의 기본 개념을 알아보았습니다.

HTML 색상표현 방식 RGB Hex값

HTML에서 색상을 표현하는 두 가지 주요 방식에 대해 자세히 알아보겠습니다.

색상 선택기
RGB:
CMYK:
HEX:

HTML에서는 주로 RGB와 Hex 값으로 색상을 지정합니다.

  1. RGB (Red, Green, Blue): RGB는 빛의 가산 혼합을 기반으로 하는 색상 모델입니다.
    • 각각의 Red(빨강), Green(초록), Blue(파랑) 색상 값의 강도를 0부터 255 사이의 숫자로 지정합니다.
    • 예를 들어, 빨간색은 rgb(255, 0, 0)로 표현됩니다.
    • 이 색상 모델은 3개의 색상 값의 조합으로 다양한 색상을 만들어낼 수 있습니다.
  2. Hex 값 (Hexadecimal): Hex 값은 16진수로 표현된 RGB 값으로, # 기호와 6자리 숫자 조합으로 색상을 표현합니다.
    • 각각의 16진수는 0부터 F까지의 값을 가질 수 있으며, 대소문자를 혼용하여 사용할 수 있습니다.
    • 예를 들어, 빨간색은 #FF0000으로 표현됩니다. Hex 값은 보다 간결하고 직관적인 방식으로 색상을 표현할 수 있어, 웹 디자인에서 널리 사용됩니다.

가산혼합 RGB vs 감산혼합 CMYK 차이

HTML CSS 활용 원하는 색상표 사용 RGB CMYK 7

가산혼합과 감산혼합은 색상을 혼합하는 방식에 차이가 있습니다. 가산혼합은 빛을 혼합하여 더 밝은 색상을 만들어내는 반면, 감산혼합은 잉크 등의 물질을 혼합하여 색상을 어둡게 만들어냅니다.

가산혼합은 RGB 색상 모델을 사용하며, 빨강, 초록, 파랑 색상을 섞어 화이트(흰색)를 만들 수 있습니다. 빛의 삼원색이므로 3색이 모두 켜져 있는 경우에는 가장 밝은 색상인 화이트가 표현됩니다.

포토샵 이미지 크기 확인 및 조절 RGB CMYK 흑백 변경 6

반면에 감산혼합은 CMYK 색상 모델을 사용하며, 시안, 마젠타, 옐로우, 검정 색상을 조합하여 다양한 색상을 만들어냅니다. 감산혼합은 흰색 잉크와 종이의 흡수를 통해 색상을 조절하므로, 모든 잉크가 섞여 있는 경우에는 가장 어두운 색상인 블랙(검정색)이 표현됩니다.

Html CSS 색상표

붉은 색

색깔HTML / CSS
색상 이름		16 진수 코드
#RRGGBB		10 진수 코드
(R, G, B)
 등불# FFA07Argb (255,160,122)
 연어# FA8072rgb (250,128,114)
 진한 연어# E9967Argb (233,150,122)
 가벼운 산호# F08080rgb (240,128,128)
 인디언# CD5C5Crgb (205,92,92)
 진홍# DC143Crgb (220,20,60)
 내화 벽돌# B22222rgb (178,34,34)
 빨강# FF0000rgb (255,0,0)
 진한 빨강# 8B0000rgb (139,0,0)

주황색

색깔HTML / CSS
색상 이름		16 진수 코드
#RRGGBB		10 진수 코드
(R, G, B)
 산호# FF7F50rgb (255,127,80)
 토마토# FF6347rgb (255,99,71)
 오렌지 레드# FF4500rgb (255,69,0)
 금# FFD700rgb (255,215,0)
 주황색# FFA500rgb (255,165,0)
 어두운 주황색# FF8C00rgb (255,140,0)

노란색

색깔HTML / CSS
색상 이름		16 진수 코드
#RRGGBB		10 진수 코드
(R, G, B)
 연노랑# FFFFE0rgb (255,255,224)
 레몬 시폰#FFFACDrgb (255,250,205)
 연한 황금빛# FAFAD2rgb (250,250,210)
 파파야# FFEFD5rgb (255,239,213)
 모카신# FFE4B5rgb (255,228,181)
 복숭아# FFDAB9rgb (255,218,185)
 창백한# EEE8AArgb (238,232,170)
 카키색 옷감# F0E68Crgb (240,230,140)
 진한 카키# BDB76Brgb (189,183,107)
 노랑# FFFF00rgb (255,255,0)

녹색

색깔HTML / CSS
색상 이름		16 진수 코드
#RRGGBB		10 진수 코드
(R, G, B)
 잔디밭# 7CFC00rgb (124,252,0)
 연두빛# 7FFF00rgb (127,255,0)
 라임 그린# 32CD32rgb (50,205,50)
 라임# 00FF00rgb (0.255.0)
 숲# 228B22rgb (34,139,34)
 초록# 008000rgb (0,128,0)
 짙은 녹색# 006400rgb (0,100,0)
 녹색 노란색# ADFF2Frgb (173,255,47)
 연두색# 9ACD32rgb (154,205,50)
 Springgreen# 00FF7Frgb (0,255,127)
 미디엄 스프링 그린# 00FA9Argb (0,250,154)
 연한 초록색# 90EE90rgb (144,238,144)
 옅은 녹색# 98FB98rgb (152,251,152)
 진한 녹색# 8FBC8Frgb (143,188,143)
 미디엄# 3CB371rgb (60,179,113)
 해록# 2E8B57rgb (46,139,87)
 올리브# 808000rgb (128,128,0)
 진한 녹색# 556B2Frgb (85,107,47)
 올리브# 6B8E23rgb (107,142,35)

청록색

색깔HTML / CSS
색상 이름		16 진수 코드
#RRGGBB		10 진수 코드
(R, G, B)
 연한 청록색# E0FFFFrgb (224,255,255)
 청록색# 00FFFFrgb (0,255,255)
 아쿠아# 00FFFFrgb (0,255,255)
 남옥# 7FFFD4rgb (127,255,212)
 미디엄 아쿠아 마린# 66CDAArgb (102,205,170)
 팔레트#AFEEEErgb (175,238,238)
 터키 옥# 40E0D0rgb (64,224,208)
 중간 청록색# 48D1CCrgb (72,209,204)
 어두운 청록색# 00CED1rgb (0,206,209)
 빛 바다# 20B2AArgb (32,178,170)
 생도 블루# 5F9EA0rgb (95,158,160)
 진한 청록색# 008B8Brgb (0,139,139)
 물오리# 008080rgb (0,128,128)

파란색

색깔HTML / CSS
색상 이름		16 진수 코드
#RRGGBB		10 진수 코드
(R, G, B)
 파우더 블루# B0E0E6rgb (176,224,230)
 하늘색# ADD8E6rgb (173,216,230)
 밝은 하늘색# 87CEFArgb (135,206,250)
 하늘색# 87CEEBrgb (135,206,235)
 깊은 하늘# 00BFFFrgb (0,191,255)
 라이트 스틸 블루# B0C4DErgb (176,196,222)
 다저 블루# 1E90FFrgb (30,144,255)
 수레 국화# 6495EDrgb (100,149,237)
 스틸 블루# 4682B4rgb (70,130,180)
 로얄 블루# 4169E1rgb (65,105,225)
 푸른# 0000FFrgb (0,0,255)
 미디엄 블루# 0000CDrgb (0,0,205)
 진한 파란색# 00008Brgb (0,0,139)
 해군# 000080rgb (0,0,128)
 자정 블루# 191970rgb (25,25,112)
 중간 슬레이트# 7B68EErgb (123,104,238)
 슬레이트# 6A5ACDrgb (106,90,205)
 다크 슬레이트# 483D8Brgb (72,61,139)

보라색

색깔HTML / CSS
 색상 이름		16 진수 코드
 #RRGGBB		10 진수 코드
(R, G, B)
 라벤더# E6E6FArgb (230,230,250)
 엉겅퀴 훈장# D8BFD8rgb (216,191,216)
 자두# DDA0DDrgb (221,160,221)
 제비꽃# EE82EErgb (238,130,238)
 난초# DA70D6rgb (218,112,214)
 푹샤# FF00FFrgb (255,0,255)
 마젠타# FF00FFrgb (255,0,255)
 중간 난초# BA55D3rgb (186,85,211)
 중간 보라색# 9370DBrgb (147,112,219)
 블루 바이올렛# 8A2BE2rgb (138,43,226)
 진한 보라색# 9400D3rgb (148,0,211)
 다크 오키드# 9932CCrgb (153,50,204)
 진한 자홍색# 8B008Brgb (139,0,139)
 보라색# 800080rgb (128,0,128)
 남빛# 4B0082rgb (75,0,130)

핑크 색상

색깔HTML / CSS
색상 이름		16 진수 코드
#RRGGBB		10 진수 코드
(R, G, B)
 분홍# FFC0CBrgb (255,192,203)
 연분홍# FFB6C1rgb (255,182,193)
 핫 핑크# FF69B4rgb (255,105,180)
 딥 핑크# FF1493rgb (255,20,147)
 팔레비 아# DB7093rgb (219,112,147)
 중간 보라색# C71585rgb (199,21,133)

화이트 색상

색깔HTML / CSS
색상 이름		16 진수 코드
#RRGGBB		10 진수 코드
(R, G, B)
 하얀#FFFFFFrgb (255,255,255)
 눈#FFFAFArgb (255,250,250)
 단물# F0FFF0rgb (240,255,240)
 민트 크림# F5FFFArgb (245,255,250)
 하늘빛# F0FFFFrgb (240,255,255)
 앨리스 블루# F0F8FFrgb (240,248,255)
 유령 흰색# F8F8FFrgb (248,248,255)
 흰 연기# F5F5F5rgb (245,245,245)
 조개# FFF5EErgb (255,245,238)
 베이지# F5F5DCrgb (245,245,220)
 올드 레이스# FDF5E6rgb (253,245,230)
 꽃 무늬의# FFFAF0rgb (255,250,240)
 상아# FFFFF0rgb (255,255,240)
 고대 미술# FAEBD7rgb (250,235,215)
 리넨# FAF0E6rgb (250,240,230)
 라벤더# FFF0F5rgb (255,240,245)
 미스티 로즈# FFE4E1rgb (255,228,225)

그레이 색상

색깔HTML / CSS
색상 이름		16 진수 코드
#RRGGBB		10 진수 코드
(R, G, B)
 Gainsboro#DCDCDCrgb (220,220,220)
 밝은 회색# D3D3D3rgb (211,211,211)
 은# C0C0C0rgb (192,192,192)
 짙은 회색# A9A9A9rgb (169,169,169)
 회색# 808080rgb (128,128,128)
 희미한# 696969rgb (105,105,105)
 라이트 그레이# 778899rgb (119,136,153)
 슬라 테그 라이# 708090rgb (112,128,144)
 다크 슬레이트# 2F4F4Frgb (47,79,79)
 검정# 000000rgb (0,0,0)

브라운 색상

색깔HTML / CSS
색상 이름		16 진수 코드
#RRGGBB		10 진수 코드
(R, G, B)
 옥수수 실크# FFF8DCrgb (255,248,220)
 Blanchedalmond#FFEBCDrgb (255,235,205)
 비스크# FFE4C4rgb (255,228,196)
 나바호 어#FFDEADrgb (255,222,173)
 밀# F5DEB3rgb (245,222,179)
 Burlywood# DEB887rgb (222,184,135)
 황갈색# D2B48Crgb (210,180,140)
 장미 빛 갈색# BC8F8Frgb (188,143,143)
 샌디 브라운# F4A460rgb (244,164,96)
 갈 조색# DAA520rgb (218,165,32)
 페루# CD853Frgb (205,133,63)
 초콜릿# D2691Ergb (210,105,30)
 안장 갈색# 8B4513rgb (139,69,19)
 시에나# A0522Drgb (160,82,45)
 갈색# A52A2Argb (165,42,42)
 적갈색# 800000rgb (128,0,0

Related posts:

  1. 포토스케이프 다운로드 – 사진 모자이크 잡티제거 캔버스 크기 편집
  2. 포토샵 없을때 무료 “픽슬러” 사진편집 프로그램
  3. 포토샵 일러스트 인디자인 폰트오류 – 글꼴에 문제가 발생
  4. 스크래치 디스크 꽉참 용량부족 임시파일 캐시파일 삭제 – Adobe CC
  5. 포토샵 설치없이 PSD 편집 및 저장 – Photopea 기능소개

Tags:

You may also like...

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다