Xanh dương, hồng, be và tím oải hương tông pastel (gradient hình nón)
Gradient hình nón, 56 màu, góc 225°: #65e1e0, #d6e0ff, #fce689, #fed4d0, #81edeb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
7 keyframe OKLCH chỉnh sửa được.
- #65e1e0
- #73e2e1
- #87e5e3
- #9ce8e5
- #b1ebe7
- #c4eeeb
- #d6f1ef
- #e4f3f2
- #edf4f4
- #f1f5f6
- #eff5f6
- #e7f3f9
- #ddf0fd
- #d7e9ff
- #d6e0ff
- #d9d5ff
- #e3c8ff
- #f4b9f9
- #ffb2e6
- #ffb4d3
- #ffb8c5
- #ffbdba
- #ffc3b3
- #ffc9ad
- #ffd0a8
- #ffd6a3
- #ffdc9b
- #ffe28f
- #fce689
- #f7eb97
- #f4efa7
- #f3f1b7
- #f3f3c6
- #f4f4d4
- #f5f4e0
- #f5f3e9
- #f4f3ed
- #f3f1ed
- #f3eee7
- #f5e7de
- #f9dfd4
- #fed4d0
- #ffc9d4
- #fbc0df
- #f1baef
- #e2b9fe
- #cfbeff
- #c0c3ff
- #b4c9ff
- #a9cfff
- #9ed5ff
- #91dcff
- #80e3ff
- #79e8f9
- #7debf2
- #81edeb
CSS
background: conic-gradient(from 225deg in oklch, oklch(83.86% 0.1102 194.77) 0.0%, oklch(84.84% 0.1021 194.70) 1.8%, oklch(86.29% 0.0900 193.79) 3.6%, oklch(88.04% 0.0754 192.49) 5.5%, oklch(89.96% 0.0594 191.28) 7.3%, oklch(91.89% 0.0433 190.63) 9.1%, oklch(93.69% 0.0285 191.00) 10.9%, oklch(95.21% 0.0162 192.87) 12.7%, oklch(96.31% 0.0076 196.70) 14.5%, oklch(96.83% 0.0041 202.96) 16.4%, oklch(96.64% 0.0068 212.19) 18.2%, oklch(95.77% 0.0149 224.33) 20.0%, oklch(94.41% 0.0274 238.78) 21.8%, oklch(92.71% 0.0356 254.90) 23.6%, oklch(90.84% 0.0440 272.11) 25.5%, oklch(88.99% 0.0574 289.75) 27.3%, oklch(87.31% 0.0801 307.22) 29.1%, oklch(85.98% 0.1072 323.87) 30.9%, oklch(85.16% 0.1111 339.11) 32.7%, oklch(84.97% 0.0944 352.96) 34.5%, oklch(85.22% 0.0835 7.11) 36.4%, oklch(85.81% 0.0766 21.36) 38.2%, oklch(86.66% 0.0730 35.39) 40.0%, oklch(87.69% 0.0723 48.87) 41.8%, oklch(88.80% 0.0746 61.45) 43.6%, oklch(89.91% 0.0805 72.81) 45.5%, oklch(90.93% 0.0909 82.62) 47.3%, oklch(91.79% 0.1071 90.53) 49.1%, oklch(92.44% 0.1161 96.39) 50.9%, oklch(93.13% 0.1053 101.02) 52.7%, oklch(93.86% 0.0910 104.45) 54.5%, oklch(94.59% 0.0747 106.58) 56.4%, oklch(95.25% 0.0576 107.28) 58.2%, oklch(95.80% 0.0410 106.45) 60.0%, oklch(96.19% 0.0262 103.97) 61.8%, oklch(96.37% 0.0145 99.71) 63.6%, oklch(96.29% 0.0073 93.58) 65.5%, oklch(95.88% 0.0057 85.34) 67.3%, oklch(95.00% 0.0101 73.84) 69.1%, oklch(93.70% 0.0194 59.33) 70.9%, oklch(92.12% 0.0323 42.57) 72.7%, oklch(90.38% 0.0474 24.29) 74.5%, oklch(88.61% 0.0628 5.22) 76.4%, oklch(86.94% 0.0791 346.13) 78.2%, oklch(85.50% 0.0931 327.75) 80.0%, oklch(84.41% 0.1042 310.81) 81.8%, oklch(83.79% 0.0909 296.01) 83.6%, oklch(83.64% 0.0834 282.07) 85.5%, oklch(83.83% 0.0797 268.23) 87.3%, oklch(84.30% 0.0792 254.73) 89.1%, oklch(84.95% 0.0820 241.80) 90.9%, oklch(85.71% 0.0886 229.66) 92.7%, oklch(86.50% 0.1004 218.55) 94.5%, oklch(87.23% 0.1042 208.71) 96.4%, oklch(87.82% 0.1018 200.35) 98.2%, oklch(88.19% 0.1006 193.71) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
