Hồng, tím, xanh lá và xanh cổ vịt (gradient hình nón)
Gradient hình nón, 64 màu, góc 155°: #f0d7cd, #dca6ad, #aa718b, #6b8c69, #305c4d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #f0d7cd
- #efd6cc
- #efd4ca
- #eed1c8
- #edcfc5
- #edccc3
- #ecc9c1
- #ebc6be
- #eac2bc
- #e9bfba
- #e7bbb8
- #e6b8b6
- #e4b4b4
- #e2b0b2
- #e0adb0
- #deaaaf
- #dca6ad
- #d9a3ac
- #d69faa
- #d39ba9
- #cf97a8
- #cb93a7
- #c690a6
- #c28ca5
- #be88a4
- #b985a3
- #b681a1
- #b27e9f
- #af7b9c
- #ad7899
- #ab7595
- #aa7390
- #aa718b
- #ab6f84
- #ab6f7d
- #ac6f75
- #ac706c
- #ab7263
- #a9755c
- #a57856
- #9f7c52
- #988051
- #918453
- #888756
- #808a5b
- #788b61
- #718c65
- #6b8c69
- #658a6b
- #60886c
- #5b866c
- #57836b
- #527f6a
- #4e7c68
- #4a7865
- #467462
- #43705f
- #3f6c5c
- #3c6958
- #396555
- #366253
- #346050
- #325d4e
- #305c4d
CSS
background: conic-gradient(from 155deg in oklch, oklch(89.76% 0.0303 44.30) 0.0%, oklch(89.35% 0.0315 43.07) 1.6%, oklch(88.87% 0.0330 41.56) 3.2%, oklch(88.31% 0.0348 39.80) 4.8%, oklch(87.70% 0.0368 37.82) 6.3%, oklch(87.04% 0.0389 35.66) 7.9%, oklch(86.32% 0.0412 33.36) 9.5%, oklch(85.56% 0.0437 30.95) 11.1%, oklch(84.77% 0.0461 28.46) 12.7%, oklch(83.94% 0.0486 25.93) 14.3%, oklch(83.08% 0.0511 23.40) 15.9%, oklch(82.21% 0.0536 20.90) 17.5%, oklch(81.32% 0.0559 18.46) 19.0%, oklch(80.42% 0.0582 16.12) 20.6%, oklch(79.52% 0.0603 13.91) 22.2%, oklch(78.62% 0.0621 11.88) 23.8%, oklch(77.73% 0.0638 10.02) 25.4%, oklch(76.78% 0.0654 7.81) 27.0%, oklch(75.75% 0.0669 5.14) 28.6%, oklch(74.66% 0.0684 2.13) 30.2%, oklch(73.52% 0.0699 358.91) 31.7%, oklch(72.35% 0.0713 355.61) 33.3%, oklch(71.17% 0.0727 352.35) 34.9%, oklch(69.98% 0.0740 349.28) 36.5%, oklch(68.80% 0.0752 346.50) 38.1%, oklch(67.65% 0.0763 344.16) 39.7%, oklch(66.54% 0.0772 342.37) 41.3%, oklch(65.49% 0.0781 341.27) 42.9%, oklch(64.50% 0.0788 340.99) 44.4%, oklch(63.60% 0.0793 341.66) 46.0%, oklch(62.80% 0.0797 343.39) 47.6%, oklch(62.11% 0.0799 346.33) 49.2%, oklch(61.55% 0.0799 350.66) 50.8%, oklch(61.15% 0.0796 356.76) 52.4%, oklch(60.90% 0.0791 4.47) 54.0%, oklch(60.77% 0.0783 13.56) 55.6%, oklch(60.74% 0.0774 23.78) 57.1%, oklch(60.78% 0.0763 34.90) 58.7%, oklch(60.87% 0.0750 46.68) 60.3%, oklch(61.00% 0.0737 58.88) 61.9%, oklch(61.13% 0.0723 71.27) 63.5%, oklch(61.25% 0.0709 83.60) 65.1%, oklch(61.33% 0.0695 95.65) 66.7%, oklch(61.35% 0.0681 107.16) 68.3%, oklch(61.29% 0.0668 117.91) 69.8%, oklch(61.12% 0.0656 127.66) 71.4%, oklch(60.82% 0.0645 136.17) 73.0%, oklch(60.37% 0.0636 143.19) 74.6%, oklch(59.75% 0.0628 148.75) 76.2%, oklch(58.96% 0.0621 153.40) 77.8%, oklch(58.03% 0.0613 157.23) 79.4%, oklch(56.98% 0.0607 160.33) 81.0%, oklch(55.82% 0.0600 162.78) 82.5%, oklch(54.60% 0.0594 164.66) 84.1%, oklch(53.33% 0.0588 166.06) 85.7%, oklch(52.03% 0.0583 167.05) 87.3%, oklch(50.74% 0.0578 167.71) 88.9%, oklch(49.47% 0.0573 168.13) 90.5%, oklch(48.24% 0.0568 168.38) 92.1%, oklch(47.09% 0.0564 168.55) 93.7%, oklch(46.04% 0.0561 168.73) 95.2%, oklch(45.11% 0.0557 168.98) 96.8%, oklch(44.32% 0.0554 169.39) 98.4%, oklch(43.70% 0.0551 170.05) 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
