เข้าร่วมชุมชนของเรา!
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
ดูการมีส่วนร่วม.md
Catppuccin พร้อมใช้งานสำหรับแอปต่างๆ และในรูปแบบที่แตกต่างกัน นี่คือรายการของพวกเขา:
บันทึก
เจ้าหน้าที่ของ Catppuccin ขอสงวนสิทธิ์ในการลบและปฏิเสธการเพิ่มเติมที่จัดแสดง หากเราพิจารณาว่าการเพิ่มเติมนั้นละเมิดหลักจรรยาบรรณของเรา จะ ไม่มี การเพิ่มการกำหนดค่าและเว็บไซต์ที่เป็นส่วนตัวอย่างยิ่ง
หากคุณกำลังสร้างแอปพลิเคชันหรือเครื่องมือโดยใช้พาเล็ตของเรา โปรดแจ้งให้เราทราบโดยเพิ่มไว้ด้านล่าง!
Catppuccin ได้รับการเผยแพร่ภายใต้ใบอนุญาต MIT ซึ่งให้สิทธิ์ดังต่อไปนี้:
สำหรับภาษาที่ซับซ้อนมากขึ้น โปรดดูที่ LICENSE
ด้วยเครื่องมือต่อไปนี้ที่ทำให้โครงการนี้เป็นไปได้:
ลิขสิทธิ์ © 2021-ปัจจุบัน Catppuccin Org