그라디언트 연습장

oklab 그리드, 오른쪽으로 갈수록 a 값이, 위로 갈수록 b 값이 커진다. l=0.7, a,b:-0.25~0.25

위의 그리드와 같으나 srgb 이미지여서 색상이 제한된 것

위의 그리드에서 a와 b의 범위를 -0.2~0.2로 줄인 것

위의 그리드를 1600px 곱하기 900px의 공간에서 만든 것

위의 그리드를 900px 곱하기 1600px의 공간에서 만든 것

1000px 곱하기 1000px 그리드 중 지름이 1000px인 원 안의 영역만 남긴 것

위 원에서 a와 b의 범위를 다시 -0.25~0.25로 늘린 것

위 원을 회전시켜 빨간색이 위, 파란색이 아래로 오게 한 것

위 원을 회전시켜 빨간색이 오른쪽, 파란색이 왼쪽으로 오게 한 것

위 원을 회전시켜 빨간색이 왼쪽, 파란색이 오른쪽으로 오게 한 것

위 이미지와 같으나 원 대신 다이아몬드 안의 영역만 남긴 것