디크리노랗

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