Xanh dương sang tím oải hương (tương đồng) tông pastel (gradient xuyên tâm)
Gradient xuyên tâm, 48 màu: #c4d8ec, #d993ca, #476eb2, #8ec1eb, #89a5d7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #c4d8ec
- #c3d6ee
- #c3d2f1
- #c6cef3
- #cbc8f4
- #d2c1f2
- #dab9ec
- #e1b1e4
- #e5aadb
- #e7a4d3
- #e59ece
- #e198cb
- #d993ca
- #cf8ecb
- #c38acd
- #b586ce
- #a783cf
- #9980ce
- #8c7ecd
- #817ccb
- #7679c7
- #6a76c3
- #5e73bd
- #5270b8
- #476eb2
- #3d6cad
- #356caa
- #306da8
- #2e70a8
- #3275ab
- #3c7fb2
- #4a8abb
- #5a98c7
- #6ca6d3
- #7db4e0
- #8ec1eb
- #9cccf5
- #a6d3fc
- #abd7ff
- #add6ff
- #abd3fc
- #a7cef8
- #a2c6f2
- #9cbeec
- #96b6e5
- #90afe0
- #8ca9db
- #89a5d7
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0344 248.20) 0.0%, oklch(86.92% 0.0390 254.74) 2.1%, oklch(86.33% 0.0453 264.11) 4.3%, oklch(85.66% 0.0528 275.47) 6.4%, oklch(84.89% 0.0612 287.97) 8.5%, oklch(84.03% 0.0699 300.76) 10.6%, oklch(83.08% 0.0786 313.01) 12.8%, oklch(82.03% 0.0868 323.85) 14.9%, oklch(80.89% 0.0941 332.44) 17.0%, oklch(79.65% 0.1001 337.94) 19.1%, oklch(78.30% 0.1044 339.70) 21.3%, oklch(76.72% 0.1079 338.35) 23.4%, oklch(74.96% 0.1106 334.49) 25.5%, oklch(73.08% 0.1126 328.70) 27.7%, oklch(71.14% 0.1141 321.56) 29.8%, oklch(69.18% 0.1151 313.62) 31.9%, oklch(67.26% 0.1159 305.45) 34.0%, oklch(65.44% 0.1164 297.63) 36.2%, oklch(63.78% 0.1168 290.73) 38.3%, oklch(62.32% 0.1172 285.27) 40.4%, oklch(60.75% 0.1175 280.32) 42.6%, oklch(59.02% 0.1177 275.35) 44.7%, oklch(57.25% 0.1176 270.46) 46.8%, oklch(55.57% 0.1172 265.74) 48.9%, oklch(54.10% 0.1166 261.26) 51.1%, oklch(52.98% 0.1157 257.11) 53.2%, oklch(52.32% 0.1144 253.40) 55.3%, oklch(52.26% 0.1127 250.19) 57.4%, oklch(52.92% 0.1107 247.59) 59.6%, oklch(54.58% 0.1080 245.65) 61.7%, oklch(57.46% 0.1044 244.31) 63.8%, oklch(61.24% 0.1000 243.51) 66.0%, oklch(65.60% 0.0952 243.17) 68.1%, oklch(70.22% 0.0903 243.20) 70.2%, oklch(74.79% 0.0854 243.54) 72.3%, oklch(78.98% 0.0810 244.11) 74.5%, oklch(82.48% 0.0771 244.82) 76.6%, oklch(84.96% 0.0742 245.61) 78.7%, oklch(86.13% 0.0725 246.45) 80.9%, oklch(86.15% 0.0717 247.69) 83.0%, oklch(85.26% 0.0718 249.32) 85.1%, oklch(83.69% 0.0726 251.24) 87.2%, oklch(81.65% 0.0737 253.31) 89.4%, oklch(79.36% 0.0752 255.43) 91.5%, oklch(77.04% 0.0767 257.47) 93.6%, oklch(74.90% 0.0781 259.31) 95.7%, oklch(73.16% 0.0793 260.84) 97.9%, oklch(72.05% 0.0799 261.94) 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
