catppuccin
v0.2.0
우리 커뮤니티에 가입하세요!
Catppuccin은 맛이라는 이름의 4가지 아름다운 파스텔 색상 팔레트로 구성되어 있습니다. 모든 세부 사항은 아래에서 확인할 수 있습니다.
자신의 프로젝트에 사용하려면 일반 사용 사례 및 지침에 대한 스타일 가이드를 참조하세요. 또한 catppuccin/palette에서 널리 사용되는 프레임워크 및 도구와의 통합을 찾을 수 있습니다.
이미 팔레트를 활용하는 프로젝트가 있나요? 아래 쇼케이스 섹션에 추가하는 것을 잊지 마세요!
라벨 | 마녀 | RGB | HSL | |
---|---|---|---|---|
![]() | 아첨 | #dc8a78 | rgb(220, 138, 120) | hsl(11, 59%, 67%) |
![]() | 플라밍고 | #dd7878 | rgb(221, 120, 120) | hsl(0, 60%, 67%) |
![]() | 분홍색 | #ea76cb | rgb(234, 118, 203) | hsl(316, 73%, 69%) |
![]() | 자주빛 | #8839ef | rgb(136, 57, 239) | hsl(266, 85%, 58%) |
![]() | 빨간색 | #d20f39 | rgb(210, 15, 57) | hsl(347, 87%, 44%) |
![]() | 적갈색 | #e64553 | rgb(230, 69, 83) | hsl(355, 76%, 59%) |
![]() | 복숭아 | #fe640b | rgb(254, 100, 11) | hsl(22, 99%, 52%) |
![]() | 노란색 | #df8e1d | rgb(223, 142, 29) | hsl(35, 77%, 49%) |
![]() | 녹색 | #40a02b | rgb(64, 160, 43) | hsl(109, 58%, 40%) |
![]() | 물오리 | #179299 | rgb(23, 146, 153) | hsl(183, 74%, 35%) |
![]() | 하늘 | #04a5e5 | rgb(4, 165, 229) | hsl(197, 97%, 46%) |
![]() | 사파이어 | #209fb5 | rgb(32, 159, 181) | hsl(189, 70%, 42%) |
![]() | 파란색 | #1e66f5 | rgb(30, 102, 245) | hsl(220, 91%, 54%) |
![]() | 라벤더 | #7287fd | rgb(114, 135, 253) | hsl(231, 97%, 72%) |
![]() | 텍스트 | #4c4f69 | rgb(76, 79, 105) | hsl(234, 16%, 35%) |
![]() | 하위 텍스트1 | #5c5f77 | rgb(92, 95, 119) | hsl(233, 13%, 41%) |
![]() | 하위 텍스트0 | #6c6f85 | rgb(108, 111, 133) | hsl(233, 10%, 47%) |
![]() | 오버레이2 | #7c7f93 | rgb(124, 127, 147) | hsl(232, 10%, 53%) |
![]() | 오버레이1 | #8c8fa1 | rgb(140, 143, 161) | hsl(231, 10%, 59%) |
![]() | 오버레이0 | #9ca0b0 | rgb(156, 160, 176) | hsl(228, 11%, 65%) |
![]() | 표면2 | #acb0be | rgb(172, 176, 190) | hsl(227, 12%, 71%) |
![]() | 표면1 | #bcc0cc | rgb(188, 192, 204) | hsl(225, 14%, 77%) |
![]() | 표면0 | #ccd0da | rgb(204, 208, 218) | hsl(223, 16%, 83%) |
![]() | 베이스 | #eff1f5 | rgb(239, 241, 245) | hsl(220, 23%, 95%) |
![]() | 맨틀 | #e6e9ef | rgb(230, 233, 239) | hsl(220, 22%, 92%) |
![]() | 빵 껍질 | #dce0e8 | rgb(220, 224, 232) | hsl(220, 21%, 89%) |
라벨 | 마녀 | RGB | HSL | |
---|---|---|---|---|
![]() | 아첨 | #f2d5cf | rgb(242, 213, 207) | hsl(10, 57%, 88%) |
![]() | 플라밍고 | #eebebe | rgb(238, 190, 190) | hsl(0, 59%, 84%) |
![]() | 분홍색 | #f4b8e4 | rgb(244, 184, 228) | hsl(316, 73%, 84%) |
![]() | 자주빛 | #ca9ee6 | rgb(202, 158, 230) | hsl(277, 59%, 76%) |
![]() | 빨간색 | #e78284 | rgb(231, 130, 132) | hsl(359, 68%, 71%) |
![]() | 적갈색 | #ea999c | rgb(234, 153, 156) | hsl(358, 66%, 76%) |
![]() | 복숭아 | #ef9f76 | rgb(239, 159, 118) | hsl(20, 79%, 70%) |
![]() | 노란색 | #e5c890 | rgb(229, 200, 144) | hsl(40, 62%, 73%) |
![]() | 녹색 | #a6d189 | rgb(166, 209, 137) | hsl(96, 44%, 68%) |
![]() | 물오리 | #81c8be | rgb(129, 200, 190) | hsl(172, 39%, 65%) |
![]() | 하늘 | #99d1db | rgb(153, 209, 219) | hsl(189, 48%, 73%) |
![]() | 사파이어 | #85c1dc | rgb(133, 193, 220) | hsl(199, 55%, 69%) |
![]() | 파란색 | #8caaee | rgb(140, 170, 238) | hsl(222, 74%, 74%) |
![]() | 라벤더 | #babbf1 | rgb(186, 187, 241) | hsl(239, 66%, 84%) |
![]() | 텍스트 | #c6d0f5 | rgb(198, 208, 245) | hsl(227, 70%, 87%) |
![]() | 하위 텍스트1 | #b5bfe2 | rgb(181, 191, 226) | hsl(227, 44%, 80%) |
![]() | 하위 텍스트0 | #a5adce | rgb(165, 173, 206) | hsl(228, 29%, 73%) |
![]() | 오버레이2 | #949cbb | rgb(148, 156, 187) | hsl(228, 22%, 66%) |
![]() | 오버레이1 | #838ba7 | rgb(131, 139, 167) | hsl(227, 17%, 58%) |
![]() | 오버레이0 | #737994 | rgb(115, 121, 148) | hsl(229, 13%, 52%) |
![]() | 표면2 | #626880 | rgb(98, 104, 128) | hsl(228, 13%, 44%) |
![]() | 표면1 | #51576d | rgb(81, 87, 109) | hsl(227, 15%, 37%) |
![]() | 표면0 | #414559 | rgb(65, 69, 89) | hsl(230, 16%, 30%) |
![]() | 베이스 | #303446 | rgb(48, 52, 70) | hsl(229, 19%, 23%) |
![]() | 맨틀 | #292c3c | rgb(41, 44, 60) | hsl(231, 19%, 20%) |
![]() | 빵 껍질 | #232634 | rgb(35, 38, 52) | hsl(229, 20%, 17%) |
라벨 | 마녀 | RGB | HSL | |
---|---|---|---|---|
![]() | 아첨 | #f4dbd6 | rgb(244, 219, 214) | hsl(10, 58%, 90%) |
![]() | 플라밍고 | #f0c6c6 | rgb(240, 198, 198) | hsl(0, 58%, 86%) |
![]() | 분홍색 | #f5bde6 | rgb(245, 189, 230) | hsl(316, 74%, 85%) |
![]() | 자주빛 | #c6a0f6 | rgb(198, 160, 246) | hsl(267, 83%, 80%) |
![]() | 빨간색 | #ed8796 | rgb(237, 135, 150) | hsl(351, 74%, 73%) |
![]() | 적갈색 | #ee99a0 | rgb(238, 153, 160) | hsl(355, 71%, 77%) |
![]() | 복숭아 | #f5a97f | rgb(245, 169, 127) | hsl(21, 86%, 73%) |
![]() | 노란색 | #eed49f | rgb(238, 212, 159) | hsl(40, 70%, 78%) |
![]() | 녹색 | #a6da95 | rgb(166, 218, 149) | hsl(105, 48%, 72%) |
![]() | 물오리 | #8bd5ca | rgb(139, 213, 202) | hsl(171, 47%, 69%) |
![]() | 하늘 | #91d7e3 | rgb(145, 215, 227) | hsl(189, 59%, 73%) |
![]() | 사파이어 | #7dc4e4 | rgb(125, 196, 228) | hsl(199, 66%, 69%) |
![]() | 파란색 | #8aadf4 | rgb(138, 173, 244) | hsl(220, 83%, 75%) |
![]() | 라벤더 | #b7bdf8 | rgb(183, 189, 248) | hsl(234, 82%, 85%) |
![]() | 텍스트 | #cad3f5 | rgb(202, 211, 245) | hsl(227, 68%, 88%) |
![]() | 하위 텍스트1 | #b8c0e0 | rgb(184, 192, 224) | hsl(228, 39%, 80%) |
![]() | 하위 텍스트0 | #a5adcb | rgb(165, 173, 203) | hsl(227, 27%, 72%) |
![]() | 오버레이2 | #939ab7 | rgb(147, 154, 183) | hsl(228, 20%, 65%) |
![]() | 오버레이1 | #8087a2 | rgb(128, 135, 162) | hsl(228, 15%, 57%) |
![]() | 오버레이0 | #6e738d | rgb(110, 115, 141) | hsl(230, 12%, 49%) |
![]() | 표면2 | #5b6078 | rgb(91, 96, 120) | hsl(230, 14%, 41%) |
![]() | 표면1 | #494d64 | rgb(73, 77, 100) | hsl(231, 16%, 34%) |
![]() | 표면0 | #363a4f | rgb(54, 58, 79) | hsl(230, 19%, 26%) |
![]() | 베이스 | #24273a | rgb(36, 39, 58) | hsl(232, 23%, 18%) |
![]() | 맨틀 | #1e2030 | rgb(30, 32, 48) | hsl(233, 23%, 15%) |
![]() | 빵 껍질 | #181926 | rgb(24, 25, 38) | hsl(236, 23%, 12%) |
라벨 | 마녀 | RGB | HSL | |
---|---|---|---|---|
![]() | 아첨 | #f5e0dc | rgb(245, 224, 220) | hsl(10, 56%, 91%) |
![]() | 플라밍고 | #f2cdcd | rgb(242, 205, 205) | hsl(0, 59%, 88%) |
![]() | 분홍색 | #f5c2e7 | rgb(245, 194, 231) | hsl(316, 72%, 86%) |
![]() | 자주빛 | #cba6f7 | rgb(203, 166, 247) | hsl(267, 84%, 81%) |
![]() | 빨간색 | #f38ba8 | rgb(243, 139, 168) | hsl(343, 81%, 75%) |
![]() | 적갈색 | #eba0ac | rgb(235, 160, 172) | hsl(350, 65%, 77%) |
![]() | 복숭아 | #fab387 | rgb(250, 179, 135) | hsl(23, 92%, 75%) |
![]() | 노란색 | #f9e2af | rgb(249, 226, 175) | hsl(41, 86%, 83%) |
![]() | 녹색 | #a6e3a1 | rgb(166, 227, 161) | hsl(115, 54%, 76%) |
![]() | 물오리 | #94e2d5 | rgb(148, 226, 213) | hsl(170, 57%, 73%) |
![]() | 하늘 | #89dceb | rgb(137, 220, 235) | hsl(189, 71%, 73%) |
![]() | 사파이어 | #74c7ec | rgb(116, 199, 236) | hsl(199, 76%, 69%) |
![]() | 파란색 | #89b4fa | rgb(137, 180, 250) | hsl(217, 92%, 76%) |
![]() | 라벤더 | #b4befe | rgb(180, 190, 254) | hsl(232, 97%, 85%) |
![]() | 텍스트 | #cdd6f4 | rgb(205, 214, 244) | hsl(226, 64%, 88%) |
![]() | 하위 텍스트1 | #bac2de | rgb(186, 194, 222) | hsl(227, 35%, 80%) |
![]() | 하위 텍스트0 | #a6adc8 | rgb(166, 173, 200) | hsl(228, 24%, 72%) |
![]() | 오버레이2 | #9399b2 | rgb(147, 153, 178) | hsl(228, 17%, 64%) |
![]() | 오버레이1 | #7f849c | rgb(127, 132, 156) | hsl(230, 13%, 55%) |
![]() | 오버레이0 | #6c7086 | rgb(108, 112, 134) | hsl(231, 11%, 47%) |
![]() | 표면2 | #585b70 | rgb(88, 91, 112) | hsl(233, 12%, 39%) |
![]() | 표면1 | #45475a | rgb(69, 71, 90) | hsl(234, 13%, 31%) |
![]() | 표면0 | #313244 | rgb(49, 50, 68) | hsl(237, 16%, 23%) |
![]() | 베이스 | #1e1e2e | rgb(30, 30, 46) | hsl(240, 21%, 15%) |
![]() | 맨틀 | #181825 | rgb(24, 24, 37) | hsl(240, 21%, 12%) |
![]() | 빵 껍질 | #11111b | rgb(17, 17, 27) | hsl(240, 23%, 9%) |
메모
포트를 제출하고 싶거나 Catppuccin을 프로그램에 포트하는 방법을 알아보려면 port-creation.md를 참조하세요.
CONTRIBUTING.md를 참조하세요.
Catppuccin은 다양한 앱과 다양한 형식으로 사용할 수 있습니다. 그 목록은 다음과 같습니다.
메모
Catppuccin 직원은 추가 사항이 행동 강령을 위반한다고 판단되는 경우 쇼케이스 추가 사항을 제거하고 거부할 권리를 보유합니다. 극도로 개인적인 구성과 웹사이트는 추가되지 않습니다 .
팔레트를 사용하여 애플리케이션이나 도구를 만드는 경우 아래에 추가하여 알려주세요!
Catppuccin은 다음 권한을 부여하는 MIT 라이선스에 따라 출시됩니다.
더 복잡한 언어에 대해서는 LICENSE를 참조하세요.
다음 도구 덕분에 이 프로젝트를 개발할 수 있습니다.
저작권 © 2021-현재 Catppuccin Org