색상에 관심이 있는 모바일 개발자를 위한 라이브러리를 만들었습니다.

색상을 조금 더 밝거나 어둡게 해야 했던 순간을 아십니까?

하지만 수동으로 더 밝게 또는 더 어둡게 만들고 싶지 않습니까?

음... 나도.

그래서 생성된react-native-color-toolkit

이 라이브러리를 사용하면 다음과 같은 많은 색상 수정 기능에 액세스할 수 있습니다.

밝게하다

어둡게

불포화

그레이스케일

가볍게 하다

포화하다

색상이 있지만 react-native-color-toolkit을 사용하여 해당 색상을 50% 더 어둡게 하려면 다음과 같은 함수를 호출하기만 하면 됩니다.

<View  style={{justifyContent:  'center', alignItems:  'center'}}>
    <View  style={[styles.box, {backgroundColor: '#2196F3'}]} />
    <Text  style={styles.subtitle}>Original color</Text>
</View>
<View  style={{justifyContent:  'center', alignItems:  'center'}}>
    <View  style={[styles.box, {backgroundColor: darken('#2196F3', 0.5)}]} />
    <Text  style={styles.subtitle}>Modified color</Text>
</View>

다음 결과를 제공합니다.

react-native-color-toolkit 도 있습니다.

변환 함수(예: rgb에서 Hsl로)

유틸리티 기능(예: 색상의 알파 값 가져오기)

재료 색상 팔레트(예: Colors.red[700])

모바일 개발자의 삶이 더 편해지길 바랍니다.

자유롭게 풀 리퀘스트를 열고 기여하세요.

Link repo 및 설명서에.