웹 프론트엔드 CSS 튜토리얼 CSS의 색상 코드 요약(컬렉션)

CSS의 색상 코드 요약(컬렉션)

Jul 19, 2017 am 10:45 AM
css 모으다

CSS 색상 코드 모음

#FF0000 #CC0000 #AA0000 #880000 #FFC8B4#FFA488#FF7744 #FF5511 #E63F00 #C63300 #A42D00 #FFDD AA#FFBB66#FFAA33#FF8800 # EE7700 #CC6600 #BB5500 #FFEE99#FFDD55#FFCC22#FFBB00 #DDAA00 #AA 7700 #886600 #FFFFBB#FFFF77#FFFF33#FFFF00#EEEE00#BBBB00#888800#EEFFBB#DDFF77#CCFF33#BBFF0 0#99DD00#88AA00#668800#33FF33#008800#BBFFEE#77FFCC#33FFAA#00FF99#00DD77#00AA5 5 #008844#AAFFEE#77FFEE#33FFDD#00FFCC#00DDAA#00AA88#008866#99FFFF#66FFFF#33FFFF#0 0FFFF #00DDDD#00AAAA#008888#CCEEFF#77DDFF#33CCFF#00BBFF#009FCC#0088A8#007799#CCDDFF #99BBFF#5599FF#0066FF #0044BB #003C9D #003377 #CCCCFF#9999FF#5555FF #0000FF #0000CC #0000AA #000088 #CCBBFF#9F88FF #7744FF #5500FF #4400CC #2200AA #220088 #D1BBFF#B088FF#9 955FF#7700FF #5500DD #4400B3 #3A0088 #E8CCFF#D28EFF#B94FFF #9900FF #7700BB #66009D #550088 #F0BBFF #E38EFF#E93EFF #CC00FF #A500CC #7A0099 #660077 #FFB3FF#FF77FF#FF3EFF #FF0 0FF #CC00CC #990099 #770077

FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000 000
#FFB7DD #FF88C2 # FF44AA #FF0088 #C10066 #A20055 #8C0044
#FFCCCC #FF8888#
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 99 #66FF66
#00FF00 # 00DD00
색상 이름 코드

Color

maroon #800000
darkred #8B0000  
갈색 #A52A2A  
파이어브릭 #B22222
크림슨 #DC143C
빨간색 #FF0000  

복숭아~자홍색

  보라색
색상 코드

Color

mediumvioletred #C71585
palevioletred #D87093
deeppink #FF1493  
fuchsia(마젠타) #FF00FF
핫핑크 #FF69B4
핑크 #FFC0CB 라이트핑크 #FFB6C1
미스티로즈 #FFE4E1
라벤더블러쉬 # FFF0F5

색상명

코드 Color   #E6E6FA
indigo

#4B0082
보라색 #800080
다크마젠타 #8B008B
다크코키드 #9932CC
blueviolet #8A2BE2
darkviolet #9400D3
slateblue # 6A5ACD
중형보라색 #9370DB
mediumslateblue #7B68EE
중간 난초 #BA55D3
violet #EE82EE
자두 #DDA0DD
엉겅퀴 #D8BFD8
 

브라운~오렌지~오프화이트

  cornsilk #FFF8DC  oldlace #FDF5E6  린넨 #FAF0E6 조개 #FFF5EE floralwhite #FFFAF0 아이보리 #FFFFFF0 민트크림 #F5FFFA 골드~옐로우색상 이름 코드 darkgoldenrod #B8860B  goldenrod #DAA520 g 오래된
색상명 코드

Color

새들브라운 #8B4513
시에나 #A0522D  
초콜릿 #D2691E
indianred #CD5C5C
rosybrown #BC8F8F
라이트코롤 #F08080  
연어 #FA8072  
lightsalmon #FFA07A  
주황색 #FF4500
토마토 #FF6347
산호 #FF7F50
darkorange #FF8C00
sandybrown #F4A460
peru #CD853F
tan #D2B48C  
벌리우드 #DEB887 #FF DEAD
peachpuff #FFDAB9
비스크 #FFE4C4
antuquewhite #FAEBD7
papayawhip #FFEFD5
Color

#FFD700

노란색 #FFFF 00  다르카키 #BDB76B  카키색 #F0E68C palegoldenrod #EEE8AA beig e #F5F5DC 레몬쉬폰 #FFFACD   밝은황금색노란색 #FAFAD2 밝은 노란색 #FFFFE0  

~Yellow

Green

색상명 코드

Color

darkslategray #2F4F4F
darkolivegreen #556B2F  
올리브 #808000
다크그린 #006400
forestgreen #228B22
seagreen #2E8B57  
green(teal) # 008080
lightseagreen #20B2AA
madiumaquamarine #66CDAA
medium seagreen #3CB371
darkseagreen #8FBC8F
노란색녹색 #9ACD32
라임녹색 #32CD32
라임 #00FF00
chartreuse #7FFF00  
lawngreen #7CFC00  
녹색노란색 #ADFF2F
mediumspringgreen #00FA9A
springgreen #00FF7F  
연두색 #90EE90  
옅은녹색 #98F898
아쿠아마린 #7FFFD4
허니듀 #F0FFF0

Blue

  색상명 코드 검정색 #000000 dimgray #696969 회색 #808080  슬레이트회색 #708090
색상 이름 코드

색상

midnightblue #191970
navy #000080
darkblue # 00008B  
darkslateblue #483D8B  
Mediumblue #0000CD
royalblue #4169E1
dodgerblue #1E90FF
콘플라워블루 #6495ED
deepskyblue #00BFFF  
lightskyblue #87CEFA  
lightsteelblue #B0C4DE
lightblue # ADD8E6  
스틸블루 #4682B4  
다크시안 #008B8B
cadetblue #5F9EA0
darkturquoise #00CED1
중형 청록색 #48D1CC
청록색 #40E0D0 ㅋㅋㅋ
라이트시안 #E0FFFF
하늘색 ㅋㅋㅋ 블랙~그레이~화이트
색상

 

lightslategray #778899 #A9A9A9 실버 #C0C0C0 밝은 회색 #D3D3D3 게인스보로 #DCDCDC whitesmoke #F5F5F5 ghostwhite #F8F8FF 흰색 #FFFFFF

dakgray

위 내용은 CSS의 색상 코드 요약(컬렉션)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

부트 스트랩에 분할 라인을 작성하는 방법 부트 스트랩에 분할 라인을 작성하는 방법 Apr 07, 2025 pm 03:12 PM

부트 스트랩 분할 라인을 만드는 두 가지 방법이 있습니다 : 태그를 사용하여 수평 분할 라인이 생성됩니다. CSS 테두리 속성을 사용하여 사용자 정의 스타일 분할 라인을 만듭니다.

부트 스트랩에 사진을 삽입하는 방법 부트 스트랩에 사진을 삽입하는 방법 Apr 07, 2025 pm 03:30 PM

Bootstrap에 이미지를 삽입하는 방법에는 여러 가지가 있습니다. HTML IMG 태그를 사용하여 이미지를 직접 삽입하십시오. 부트 스트랩 이미지 구성 요소를 사용하면 반응 형 이미지와 더 많은 스타일을 제공 할 수 있습니다. 이미지 크기를 설정하고 IMG-Fluid 클래스를 사용하여 이미지를 적응할 수 있도록하십시오. IMG 통과 클래스를 사용하여 테두리를 설정하십시오. 둥근 모서리를 설정하고 IMG 라운드 클래스를 사용하십시오. 그림자를 설정하고 그림자 클래스를 사용하십시오. CSS 스타일을 사용하여 이미지를 조정하고 배치하십시오. 배경 이미지를 사용하여 배경 이미지 CSS 속성을 사용하십시오.

부트 스트랩 크기를 조정하는 방법 부트 스트랩 크기를 조정하는 방법 Apr 07, 2025 pm 03:18 PM

부트 스트랩에서 요소의 크기를 조정하려면 다음을 포함하여 차원 클래스를 사용할 수 있습니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임 HTML, CSS 및 JavaScript의 역할 : 핵심 책임 Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

부트 스트랩을위한 프레임 워크를 설정하는 방법 부트 스트랩을위한 프레임 워크를 설정하는 방법 Apr 07, 2025 pm 03:27 PM

부트 스트랩 프레임 워크를 설정하려면 다음 단계를 따라야합니다. 1. CDN을 통해 부트 스트랩 파일 참조; 2. 자신의 서버에서 파일을 다운로드하여 호스팅하십시오. 3. HTML에 부트 스트랩 파일을 포함; 4. 필요에 따라 Sass/Less를 컴파일하십시오. 5. 사용자 정의 파일을 가져옵니다 (선택 사항). 설정이 완료되면 Bootstrap의 그리드 시스템, 구성 요소 및 스타일을 사용하여 반응 형 웹 사이트 및 응용 프로그램을 만들 수 있습니다.

부트 스트랩 버튼을 사용하는 방법 부트 스트랩 버튼을 사용하는 방법 Apr 07, 2025 pm 03:09 PM

부트 스트랩 버튼을 사용하는 방법? 부트 스트랩 CSS를 소개하여 버튼 요소를 만들고 부트 스트랩 버튼 클래스를 추가하여 버튼 텍스트를 추가하십시오.

부트 스트랩 날짜를 보는 방법 부트 스트랩 날짜를 보는 방법 Apr 07, 2025 pm 03:03 PM

답 : 부트 스트랩의 날짜 선택기 구성 요소를 사용하여 페이지에서 날짜를 볼 수 있습니다. 단계 : 부트 스트랩 프레임 워크를 소개하십시오. HTML에서 날짜 선택기 입력 상자를 만듭니다. 부트 스트랩은 선택기에 스타일을 자동으로 추가합니다. JavaScript를 사용하여 선택한 날짜를 얻으십시오.

Vue에서 부트 스트랩을 사용하는 방법 Vue에서 부트 스트랩을 사용하는 방법 Apr 07, 2025 pm 11:33 PM

vue.js에서 bootstrap 사용은 5 단계로 나뉩니다 : Bootstrap 설치. main.js.의 부트 스트랩 가져 오기 부트 스트랩 구성 요소를 템플릿에서 직접 사용하십시오. 선택 사항 : 사용자 정의 스타일. 선택 사항 : 플러그인을 사용하십시오.

See all articles