Xanh dương, xám, be và xanh cổ vịt (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #5faccd, #ab8ea2, #d5bda4, #a9c59f, #00565c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #5faccd
- #64abce
- #6aa9cf
- #71a6d0
- #79a3cf
- #80a0ce
- #879dcc
- #8f9ac8
- #9597c4
- #9b94bf
- #a092b9
- #a490b3
- #a78fad
- #aa8fa7
- #ab8ea2
- #ad8f9e
- #ae8f9a
- #af9097
- #b09296
- #b19494
- #b39694
- #b79a95
- #ba9e96
- #bea298
- #c3a79a
- #c8ad9d
- #ccb29f
- #d1b8a2
- #d5bda4
- #d8c2a6
- #dbc8a8
- #ddccaa
- #ded0ac
- #ded4ad
- #ddd6ad
- #dad8ae
- #d6d8ad
- #d0d7ac
- #c9d5aa
- #bfd1a7
- #b5cca3
- #a9c59f
- #9cbe9a
- #8fb695
- #82ad8f
- #74a48a
- #679b84
- #59917f
- #4c8879
- #407f74
- #34766f
- #296e6a
- #1f6766
- #146062
- #095a5f
- #00565c
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.87% 0.0896 227.11) 0.0%, oklch(70.78% 0.0878 231.54) 1.8%, oklch(70.63% 0.0856 236.86) 3.6%, oklch(70.44% 0.0830 243.00) 5.5%, oklch(70.20% 0.0800 249.85) 7.3%, oklch(69.94% 0.0767 257.32) 9.1%, oklch(69.66% 0.0732 265.33) 10.9%, oklch(69.37% 0.0696 273.78) 12.7%, oklch(69.09% 0.0658 282.57) 14.5%, oklch(68.82% 0.0620 291.63) 16.4%, oklch(68.57% 0.0582 300.85) 18.2%, oklch(68.36% 0.0544 310.14) 20.0%, oklch(68.20% 0.0509 319.42) 21.8%, oklch(68.09% 0.0475 328.59) 23.6%, oklch(68.05% 0.0445 337.56) 25.5%, oklch(68.08% 0.0417 346.24) 27.3%, oklch(68.21% 0.0394 354.54) 29.1%, oklch(68.43% 0.0375 2.35) 30.9%, oklch(68.76% 0.0361 9.61) 32.7%, oklch(69.25% 0.0354 16.31) 34.5%, oklch(70.01% 0.0350 22.78) 36.4%, oklch(71.00% 0.0351 29.05) 38.2%, oklch(72.19% 0.0355 35.13) 40.0%, oklch(73.54% 0.0363 41.05) 41.8%, oklch(75.00% 0.0374 46.82) 43.6%, oklch(76.54% 0.0387 52.45) 45.5%, oklch(78.12% 0.0402 57.97) 47.3%, oklch(79.69% 0.0418 63.37) 49.1%, oklch(81.22% 0.0436 68.69) 50.9%, oklch(82.66% 0.0455 73.94) 52.7%, oklch(83.98% 0.0474 79.12) 54.5%, oklch(85.14% 0.0493 84.26) 56.4%, oklch(86.08% 0.0511 89.38) 58.2%, oklch(86.79% 0.0529 94.48) 60.0%, oklch(87.20% 0.0545 99.59) 61.8%, oklch(87.30% 0.0559 104.71) 63.6%, oklch(87.02% 0.0572 109.87) 65.5%, oklch(86.34% 0.0582 115.08) 67.3%, oklch(85.18% 0.0591 120.45) 69.1%, oklch(83.58% 0.0600 125.96) 70.9%, oklch(81.60% 0.0609 131.59) 72.7%, oklch(79.29% 0.0617 137.28) 74.5%, oklch(76.69% 0.0626 143.01) 76.4%, oklch(73.87% 0.0634 148.73) 78.2%, oklch(70.87% 0.0641 154.41) 80.0%, oklch(67.74% 0.0649 160.01) 81.8%, oklch(64.55% 0.0656 165.49) 83.6%, oklch(61.34% 0.0662 170.81) 85.5%, oklch(58.16% 0.0669 175.94) 87.3%, oklch(55.07% 0.0675 180.83) 89.1%, oklch(52.12% 0.0680 185.45) 90.9%, oklch(49.37% 0.0686 189.76) 92.7%, oklch(46.86% 0.0691 193.73) 94.5%, oklch(44.65% 0.0695 197.31) 96.4%, oklch(42.79% 0.0699 200.46) 98.2%, oklch(41.34% 0.0703 203.16) 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
