조명도를 16 진수로 변환

Question

나는 매우 큰 문제가있다. 데이터베이스에서 조명의 정도를 0에서 100까지 얻을 수 있습니다. 0 - 밤, 100 - 정오. 이 매개 변수를 알면 당일 그라데이션을 작성해야합니다.

데이터 구조는 이렇게 보입니다 :

{ 
0: '0%', 
10: '25%', 
30: '100%', 
40: '60%', 
50: '100%', 
90: '0%' 
} 

점에서 그라데이션 타일을 가리 키도록하고 구매 위치 변화에 영향을 미칠 수 있습니다. 30에서 50까지 삽화.

전혀 아이디어가 없습니다. 어떤 제안?

Answer 1

hsl을 rgb로 변환하는 함수가 필요하다고 생각합니다. 조명을 l (밝기)로 간주하십시오. 당신은 색조와 채도가 필요 하겠지요.하지만 꽤 예쁜 데요. 전방으로. 사용자가 다른 위치 (시간대 변경)에 날아 때문이다

HSL to RGB color conversion

Answer 2

데이터 구조가 두 가지입니다. (100 %)

{ 
0: '0%', 
10: '20%', 
30: '60%', 
40: '80%', 
50: '100%', 
99: '1%' 
} 

이것은 정확히 원하는 것은 아니지만 가까운 수 있습니다. 내가 볼 않았다

업데이트

네 덕분에 당신은 당신의 질문에 그 지적하지만, 내 마음을 미끄러.

어쨌든,이 링크 http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_gradients.htm

에 도착 그리고 그래디언트 ON 손으로 발표했다. 현재 그라디언트가 화면 왼쪽에 표시되는 공간이 있습니다. 설정이 아직 적용되지 않았기 때문에 여기에 있습니다. 그래서 우리는 다음을 수행하여 첫 번째 수정합니다 다음 LINEAR 탭에서 설정에서

을, 당신은 방향 및 방향 값에 대한 슬라이더가 표시됩니다. 값까지 방향 슬라이더의 PLUS 버튼을

클릭 BOTTOM을 읽습니다.

이제 검은 색에서 흰색으로 위아래로 페이드를 봅니다. 이것은 야간에 저울을 표현한 것입니다.

이제 사용자가 다른 시간대로 이동하면 그라디언트에 STEP으로 표시 될 수 있습니다.

표시 방법을 알려면 색상 단계 추가 버튼을 클릭하십시오.

지금 단계가 추가되고 다음과 같이 그 설정 START_AT, STOP_AT 및 END_AT 있습니다 START_AT 블랙 STOP_AT 화이트 END_AT을 블랙

이제 검은 색에서 흰색과 검은 색에서 검은 색으로 두 개의 그라데이션 1이 있습니다. STOP_AT 슬라이더 안에 X % (X는 현재 백분율 임)라는 검은 색 사각형 위에 마우스 커서를 올려 놓습니다. 마우스로 슬라이더를 끌면 두 그라데이션이 어떻게 변하는 지 알 수 있습니다.

이렇게하면 목표를 달성하기위한 방향으로 나아갈 수 있기를 바랍니다. 그리고 그라디언트 사이의 공통 색상이 동일하지 않은 경우 덧붙여 COLOR_STEP을 추가해야합니다 (대부분의 경우 공통 색상이 동일 할 것으로 예상되지만, 유일한 예외는 시간대 변경이 발생합니다

값이 RGB로 입력됨에 따라 100 %를 RGB (255,255,255)로, 0 %를 RGB (0,0,0)로 변경해야합니다. 여기서 검은 색 RGB (0.0.0)는 자정/밤이며 흰색 RGB (255,255,255)는 일/정오입니다.