Xanh dương, tím oải hương và hồng tông pastel (gradient xuyên tâm)
Gradient xuyên tâm, 80 màu: #eafbff, #a2d9dc, #6dabe0, #bd93d3, #f8d9de. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #eafbff
- #e8fafe
- #e5f9fd
- #e3f8fc
- #e0f6fb
- #ddf5fa
- #daf3f8
- #d7f2f7
- #d3f0f5
- #d0eef3
- #ccecf1
- #c8ebef
- #c4e9ed
- #c0e7eb
- #bbe5e8
- #b7e3e6
- #b3e1e4
- #afdfe2
- #abdde0
- #a6dbde
- #a2d9dc
- #9ed7da
- #9ad5d9
- #96d3d8
- #92d1d7
- #8ed0d6
- #8bced5
- #88ccd5
- #84cad5
- #80c8d6
- #7dc6d6
- #79c4d7
- #76c2d7
- #73bfd8
- #70bdd9
- #6ebadb
- #6db7dc
- #6cb4dd
- #6cb1de
- #6caedf
- #6dabe0
- #6fa8e1
- #72a5e2
- #75a2e2
- #799ee2
- #7d9ce2
- #8199e2
- #8596e2
- #8994e1
- #8e92e0
- #9290df
- #978ede
- #9b8ddc
- #9f8ddb
- #a48dda
- #a98dd8
- #ad8ed7
- #b38fd6
- #b891d5
- #bd93d3
- #c295d2
- #c798d1
- #cb9bd1
- #d09ed0
- #d4a2cf
- #d9a6cf
- #ddaacf
- #e0aed0
- #e4b3d0
- #e7b7d1
- #eabbd2
- #ecbfd3
- #eec4d4
- #f1c8d6
- #f2cbd7
- #f4cfd9
- #f5d2da
- #f6d5dc
- #f7d7dd
- #f8d9de
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(97.64% 0.0188 213.71) 0.0%, oklch(97.29% 0.0203 213.51) 1.3%, oklch(96.89% 0.0215 213.13) 2.5%, oklch(96.44% 0.0227 212.61) 3.8%, oklch(95.94% 0.0242 211.99) 5.1%, oklch(95.40% 0.0257 211.27) 6.3%, oklch(94.83% 0.0273 210.47) 7.6%, oklch(94.22% 0.0290 209.61) 8.9%, oklch(93.58% 0.0308 208.71) 10.1%, oklch(92.91% 0.0327 207.79) 11.4%, oklch(92.22% 0.0347 206.86) 12.7%, oklch(91.50% 0.0367 205.93) 13.9%, oklch(90.78% 0.0388 205.03) 15.2%, oklch(90.04% 0.0409 204.18) 16.5%, oklch(89.29% 0.0430 203.38) 17.7%, oklch(88.53% 0.0452 202.67) 19.0%, oklch(87.77% 0.0474 202.04) 20.3%, oklch(87.02% 0.0496 201.53) 21.5%, oklch(86.27% 0.0518 201.15) 22.8%, oklch(85.53% 0.0540 200.92) 24.1%, oklch(84.80% 0.0562 200.84) 25.3%, oklch(84.08% 0.0583 200.95) 26.6%, oklch(83.39% 0.0604 201.26) 27.8%, oklch(82.72% 0.0625 201.78) 29.1%, oklch(82.08% 0.0645 202.54) 30.4%, oklch(81.47% 0.0664 203.54) 31.6%, oklch(80.89% 0.0683 204.81) 32.9%, oklch(80.34% 0.0701 206.36) 34.2%, oklch(79.75% 0.0721 208.20) 35.4%, oklch(79.15% 0.0742 210.31) 36.7%, oklch(78.51% 0.0765 212.66) 38.0%, oklch(77.87% 0.0788 215.25) 39.2%, oklch(77.21% 0.0812 218.05) 40.5%, oklch(76.54% 0.0837 221.04) 41.8%, oklch(75.87% 0.0862 224.21) 43.0%, oklch(75.20% 0.0887 227.54) 44.3%, oklch(74.54% 0.0912 231.01) 45.6%, oklch(73.89% 0.0937 234.60) 46.8%, oklch(73.25% 0.0962 238.30) 48.1%, oklch(72.64% 0.0986 242.08) 49.4%, oklch(72.05% 0.1009 245.93) 50.6%, oklch(71.50% 0.1031 249.83) 51.9%, oklch(70.98% 0.1051 253.77) 53.2%, oklch(70.50% 0.1071 257.72) 54.4%, oklch(70.06% 0.1088 261.66) 55.7%, oklch(69.68% 0.1104 265.59) 57.0%, oklch(69.35% 0.1118 269.47) 58.2%, oklch(69.08% 0.1130 273.29) 59.5%, oklch(68.87% 0.1139 277.04) 60.8%, oklch(68.73% 0.1145 280.70) 62.0%, oklch(68.67% 0.1149 284.24) 63.3%, oklch(68.68% 0.1150 287.66) 64.6%, oklch(68.78% 0.1147 290.92) 65.8%, oklch(68.97% 0.1141 294.03) 67.1%, oklch(69.28% 0.1131 297.16) 68.4%, oklch(69.71% 0.1116 300.33) 69.6%, oklch(70.24% 0.1097 303.55) 70.9%, oklch(70.88% 0.1075 306.80) 72.2%, oklch(71.60% 0.1050 310.08) 73.4%, oklch(72.41% 0.1021 313.38) 74.7%, oklch(73.29% 0.0990 316.67) 75.9%, oklch(74.24% 0.0956 319.96) 77.2%, oklch(75.23% 0.0921 323.24) 78.5%, oklch(76.27% 0.0884 326.49) 79.7%, oklch(77.35% 0.0845 329.70) 81.0%, oklch(78.45% 0.0806 332.87) 82.3%, oklch(79.57% 0.0766 335.99) 83.5%, oklch(80.69% 0.0726 339.04) 84.8%, oklch(81.81% 0.0685 342.02) 86.1%, oklch(82.92% 0.0646 344.91) 87.3%, oklch(84.01% 0.0607 347.70) 88.6%, oklch(85.07% 0.0569 350.39) 89.9%, oklch(86.09% 0.0532 352.97) 91.1%, oklch(87.06% 0.0497 355.42) 92.4%, oklch(87.98% 0.0465 357.74) 93.7%, oklch(88.82% 0.0434 359.92) 94.9%, oklch(89.59% 0.0407 1.94) 96.2%, oklch(90.27% 0.0383 3.80) 97.5%, oklch(90.86% 0.0362 5.48) 98.7%, oklch(91.34% 0.0344 6.98) 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
