Cam, hồng cá hồi và tím (tương đồng) (gradient xuyên tâm)

Bảng màu Cam, hồng cá hồi và tím (tương đồng)

Gradient xuyên tâm, 32 màu: #f27113, #e37758, #c35c59, #9d4857, #724f5b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

4 keyframe OKLCH chỉnh sửa được.

#f27113
#f1721e
#f07229
#ef7333
#ed743c
#eb7545
#e9764c
#e67753
#e37758
#e0765c
#dd755f
#d97360
#d56f60
#d16b5f
#cd665d
#c8615b
#c35c59
#be5657
#b95255
#b34d54
#ae4a54
#a94954
#a34855
#9d4857
#974958
#904a59
#8a4b5a
#844c5b
#7e4d5b
#794e5c
#754f5b
#724f5b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(69.29% 0.1819 48.52) 0.0%, oklch(69.23% 0.1789 47.61) 3.2%, oklch(69.21% 0.1749 46.46) 6.5%, oklch(69.22% 0.1701 45.10) 9.7%, oklch(69.21% 0.1648 43.58) 12.9%, oklch(69.18% 0.1591 41.93) 16.1%, oklch(69.08% 0.1533 40.20) 19.4%, oklch(68.90% 0.1478 38.41) 22.6%, oklch(68.61% 0.1426 36.63) 25.8%, oklch(68.17% 0.1381 34.88) 29.0%, oklch(67.57% 0.1346 33.20) 32.3%, oklch(66.75% 0.1322 31.61) 35.5%, oklch(65.69% 0.1311 30.02) 38.7%, oklch(64.43% 0.1310 28.43) 41.9%, oklch(63.02% 0.1315 26.83) 45.2%, oklch(61.51% 0.1324 25.22) 48.4%, oklch(59.95% 0.1332 23.59) 51.6%, oklch(58.39% 0.1338 21.95) 54.8%, oklch(56.89% 0.1337 20.30) 58.1%, oklch(55.49% 0.1327 18.61) 61.3%, oklch(54.26% 0.1305 16.91) 64.5%, oklch(53.22% 0.1267 15.17) 67.7%, oklch(52.28% 0.1210 13.27) 71.0%, oklch(51.42% 0.1138 11.23) 74.2%, oklch(50.62% 0.1055 9.11) 77.4%, oklch(49.89% 0.0964 6.96) 80.6%, oklch(49.23% 0.0870 4.84) 83.9%, oklch(48.63% 0.0777 2.81) 87.1%, oklch(48.09% 0.0689 0.93) 90.3%, oklch(47.62% 0.0610 359.25) 93.5%, oklch(47.20% 0.0544 357.83) 96.8%, oklch(46.85% 0.0496 356.73) 100.0%);

Trong các bộ sưu tập này

Gradient tông ấm

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động