ରଙ୍ଗ କୋଡ୍ ଜେନେରେଟର୍ ଏବଂ ପିକର୍

ରଙ୍ଗ କୋଡ୍, ବିବିଧତା, ସମନ୍ୱୟ ସୃଷ୍ଟି କରନ୍ତୁ ଏବଂ ବିପରୀତ ଅନୁପାତ ଯାଞ୍ଚ କରନ୍ତୁ।

ରଙ୍ଗ-ରୂପାନ୍ତର

HEX

#f1f3f4

Porcelain

HEX
#f1f3f4
HSL
200, 12, 95
RGB
241, 243, 244
XYZ
85, 89, 98
CMYK
1, 0, 0, 4
LUV
96,15,6,
LAB
96, 0, -1
HWB
200, 95, 4

ବିବିଧତା

ଏହି ବିଭାଗଟିର ଉଦ୍ଦେଶ୍ୟ ହେଉଛି ଆପଣଙ୍କ ଚୟନିତ ରଙ୍ଗର 10% ବୃଦ୍ଧିରେ ସଠିକ୍ ଭାବରେ ଟିଣ୍ଟ (ଶୁଦ୍ଧ ଧଳା ଯୋଡା) ଏବଂ ଛାଇ (ଶୁଦ୍ଧ କଳା ଯୋଡା) ଉତ୍ପାଦନ କରିବା।

ବୃତ୍ତିଗତ ଟିପ୍: ହୋଭର ଷ୍ଟେଟ୍ ଏବଂ ଛାଇ ପାଇଁ ଛାଇ, ହାଇଲାଇଟ୍ସ ଏବଂ ପୃଷ୍ଠଭୂମି ପାଇଁ ଟିଣ୍ଟ ବ୍ୟବହାର କରନ୍ତୁ।

ଛାୟା

ଆପଣଙ୍କ ମୂଳ ରଙ୍ଗରେ କଳା ଯୋଡ଼ି ଗାଢ଼ ପରିବର୍ତ୍ତନ ସୃଷ୍ଟି ହୋଇଛି।

ଟିଣ୍ଟଗୁଡ଼ିକ

ଆପଣଙ୍କ ମୂଳ ରଙ୍ଗରେ ଧଳା ଯୋଡ଼ି ହାଲୁକା ଭିନ୍ନତା ସୃଷ୍ଟି ହୋଇଛି।

ସାଧାରଣ ବ୍ୟବହାର ମାମଲା

  • UI ଉପାଦାନ ଅବସ୍ଥା (ହୋଭର, ସକ୍ରିୟ, ଅକ୍ଷମ)
  • ଛାଇ ଏବଂ ହାଇଲାଇଟ୍ସ ସହିତ ଗଭୀରତା ସୃଷ୍ଟି କରିବା
  • ସ୍ଥିର ରଙ୍ଗ ପ୍ରଣାଳୀ ନିର୍ମାଣ କରିବା

ଡିଜାଇନ୍ ସିଷ୍ଟମ୍ ଟିପ୍

ଏହି ପରିବର୍ତ୍ତନଗୁଡ଼ିକ ଏକ ସମନ୍ୱିତ ରଙ୍ଗ ପ୍ୟାଲେଟର ମୂଳଦୁଆ ଗଠନ କରେ। ଆପଣଙ୍କର ସମଗ୍ର ପ୍ରୋଜେକ୍ଟରେ ସ୍ଥିରତା ବଜାୟ ରଖିବା ପାଇଁ ସେଗୁଡ଼ିକୁ ରପ୍ତାନି କରନ୍ତୁ।

ରଙ୍ଗ ମିଶ୍ରଣ

ପ୍ରତ୍ୟେକ ସମନ୍ୱୟର ନିଜସ୍ୱ ମନୋଭାବ ଥାଏ। ଭଲ ଭାବରେ କାମ କରୁଥିବା ରଙ୍ଗ ମିଶ୍ରଣଗୁଡ଼ିକୁ ମାନସମନ୍ଥନ କରିବା ପାଇଁ ସମନ୍ୱୟ ବ୍ୟବହାର କରନ୍ତୁ।

କିପରି ବ୍ୟବହାର କରିବେ

ଯେକୌଣସି ରଙ୍ଗର ହେକ୍ସ ମୂଲ୍ୟକୁ କପି କରିବା ପାଇଁ ଉପରେ କ୍ଲିକ୍ କରନ୍ତୁ। ଏହି ମିଶ୍ରଣଗୁଡ଼ିକ ଦୃଶ୍ୟ ସମନ୍ୱୟ ସୃଷ୍ଟି କରିବା ପାଇଁ ଗାଣିତିକ ଭାବରେ ପ୍ରମାଣିତ।

ଏହା କାହିଁକି ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ?

ରଙ୍ଗ ସମନ୍ୱୟ ସନ୍ତୁଳନ ସୃଷ୍ଟି କରେ ଏବଂ ଆପଣଙ୍କ ଡିଜାଇନରେ ନିର୍ଦ୍ଦିଷ୍ଟ ଭାବନା ଜାଗ୍ରତ କରେ।

ପରିପୂରକ

ରଙ୍ଗ ଚକରେ ଏକ ରଙ୍ଗ ଏବଂ ଏହାର ବିପରୀତ ରଙ୍ଗ, +୧୮୦ ଡିଗ୍ରୀ ରଙ୍ଗ। ଉଚ୍ଚ ବିପରୀତ।

#f1f3f4
ପାଇଁ ସର୍ବୋତ୍ତମ: ଉଚ୍ଚ-ପ୍ରଭାବଶାଳୀ ଡିଜାଇନ୍, CTA, ଲୋଗୋ

ସ୍ପ୍ଲିଟ୍-ପରିପୂରକ

ଗୋଟିଏ ରଙ୍ଗ ଏବଂ ଏହାର ପରିପୂରକ ସହିତ ଦୁଇଟି ସଂଲଗ୍ନ, ମୁଖ୍ୟ ରଙ୍ଗର ବିପରୀତ ମୂଲ୍ୟଠାରୁ +/-30 ଡିଗ୍ରୀ ରଙ୍ଗ। ଏକ ସିଧା ପରିପୂରକ ପରି ବୋଲ୍ଡ, କିନ୍ତୁ ଅଧିକ ବହୁମୁଖୀ।

ପାଇଁ ସର୍ବୋତ୍ତମ: ସ୍ପନ୍ଦନଶୀଳ କିନ୍ତୁ ସନ୍ତୁଳିତ ଲେଆଉଟ୍

ଟ୍ରାଏଡିକ୍

ରଙ୍ଗ ଚକ ସହିତ ସମାନ ଭାବରେ ତିନୋଟି ରଙ୍ଗ ବ୍ୟବଧାନରେ, ପ୍ରତ୍ୟେକ ରଙ୍ଗ 120 ଡିଗ୍ରୀ ଦୂରତାରେ। ଗୋଟିଏ ରଙ୍ଗକୁ ପ୍ରାଧାନ୍ୟ ଦେବା ଏବଂ ଅନ୍ୟଗୁଡ଼ିକୁ ଆକ୍ସେଣ୍ଟ ଭାବରେ ବ୍ୟବହାର କରିବା ସର୍ବୋତ୍ତମ।

ପାଇଁ ସର୍ବୋତ୍ତମ: ଖେଳୁଆଳ, ଉତ୍ସାହୀ ଡିଜାଇନ୍

ଆନାଲଗସ୍

ରଙ୍ଗ ଚକରେ ପାଖାପାଖି 30 ଡିଗ୍ରୀ ଦୂରତାରେ ଥିବା ରଙ୍ଗ ସହିତ ସମାନ ଆଲୋକ ଏବଂ ସଂତୃପ୍ତତାର ତିନୋଟି ରଙ୍ଗ। ସୁଗମ ପରିବର୍ତ୍ତନ।

ପାଇଁ ସର୍ବୋତ୍ତମ: ପ୍ରକୃତି-ପ୍ରେରିତ, ଶାନ୍ତ ଇଣ୍ଟରଫେସ୍

ଏକକ ରଙ୍ଗୀନ୍

ଉଜ୍ଜ୍ୱଳତା ମୂଲ୍ୟ +/-୫୦% ସହିତ ସମାନ ରଙ୍ଗର ତିନୋଟି ରଙ୍ଗ। ସୂକ୍ଷ୍ମ ଏବଂ ପରିଷ୍କୃତ।

ପାଇଁ ସର୍ବୋତ୍ତମ: ସର୍ବନିମ୍ନ, ଉନ୍ନତ ଡିଜାଇନ୍

ଟେଟ୍ରାଡିକ୍

60 ଡିଗ୍ରୀ ରଙ୍ଗ ଦ୍ୱାରା ପୃଥକ କରାଯାଇଥିବା ପରିପୂରକ ରଙ୍ଗର ଦୁଇଟି ସେଟ୍।

ପାଇଁ ସର୍ବୋତ୍ତମ: ସମୃଦ୍ଧ, ବିବିଧ ରଙ୍ଗ ଯୋଜନା

ରଙ୍ଗ ତତ୍ତ୍ୱ ନୀତି

ବାଲାନ୍ସ

ଗୋଟିଏ ପ୍ରଭାବଶାଳୀ ରଙ୍ଗ ବ୍ୟବହାର କରନ୍ତୁ, ଦ୍ୱିତୀୟ ରଙ୍ଗ ସହିତ ସମର୍ଥନ କରନ୍ତୁ, ଏବଂ କମ୍ ଉଚ୍ଚାରଣ କରନ୍ତୁ।

କଣ୍ଟ୍ରାଷ୍ଟ

ପଠନୀୟତା ଏବଂ ପ୍ରବେଶଯୋଗ୍ୟତା ପାଇଁ ପର୍ଯ୍ୟାପ୍ତ କଣ୍ଟ୍ରାଷ୍ଟ ସୁନିଶ୍ଚିତ କରନ୍ତୁ।

ହାରମୋନି

ଏକ ଏକୀକୃତ ଦୃଶ୍ୟ ଅଭିଜ୍ଞତା ସୃଷ୍ଟି କରିବା ପାଇଁ ରଙ୍ଗଗୁଡ଼ିକ ଏକାଠି କାମ କରିବା ଉଚିତ।

ରଙ୍ଗ କଣ୍ଟ୍ରାସ ଚେକର୍ |

ପାଠ୍ୟ ପଠନୀୟତା ପାଇଁ WCAG ପ୍ରବେଶଯୋଗ୍ୟତା ମାନଦଣ୍ଡ ପୂରଣ କରୁଛି କି ନାହିଁ ତାହା ନିଶ୍ଚିତ କରିବା ପାଇଁ ରଙ୍ଗ ମିଶ୍ରଣ ପରୀକ୍ଷା କରନ୍ତୁ।

ପାଠ୍ୟ ରଙ୍ଗ |
ପୃଷ୍ଠଭୂମି ରଙ୍ଗ |
ବିପରୀତ
1.00
Fail
ବହୁତ ଗରିବ
ଛୋଟ ପାଠ
✖︎
ବଡ଼ ପାଠ
✖︎
WCAG ମାନକ
AA:ସାଧାରଣ ପାଠ୍ୟ ପାଇଁ ସର୍ବନିମ୍ନ ବିପରୀତ ଅନୁପାତ 4.5:1 ଏବଂ ବଡ଼ ପାଠ୍ୟ ପାଇଁ 3:1। ଅଧିକାଂଶ ୱେବସାଇଟ୍ ପାଇଁ ଆବଶ୍ୟକ।
AAA:ସାଧାରଣ ପାଠ୍ୟ ପାଇଁ 7:1 ଏବଂ ବଡ଼ ପାଠ୍ୟ ପାଇଁ 4.5:1 ର ବର୍ଦ୍ଧିତ ବିପରୀତ ଅନୁପାତ। ସର୍ବୋତ୍ତମ ପ୍ରବେଶଯୋଗ୍ୟତା ପାଇଁ ସୁପାରିଶ କରାଯାଇଛି।
ସମସ୍ତ ପାଠ୍ୟ ଆକାର ପାଇଁ ଖରାପ ବିପରୀତ |

ଉନ୍ନତ କଣ୍ଟ୍ରାଷ୍ଟ ଯାଞ୍ଚକାରୀ

ସ୍ଲାଇଡର୍, ଏକାଧିକ ପ୍ରିଭ୍ୟୁ ଏବଂ ଅନ୍ୟାନ୍ୟ ସହିତ ଫାଇନ୍-ଟ୍ୟୁନ୍ କରନ୍ତୁ

ସମସ୍ତେ ଜଣେ ପ୍ରତିଭା ଅଟନ୍ତି | କିନ୍ତୁ ଯଦି ତୁମେ ଏକ ମାଛକୁ ଏକ ଗଛ ଉପରକୁ ଚ to ିବାର କ୍ଷମତା ଦ୍ୱାରା ବିଚାର କର, ଏହା ସମ୍ପୂର୍ଣ୍ଣ ଜୀବନ ବଞ୍ଚାଇବ ଯେ ଏହା ମୂର୍ଖ ଅଟେ |

- Albert Einstein

ଟେକ୍ନିକାଲ୍ ଫର୍ମାଟ୍‌ଗୁଡ଼ିକ

ବ୍ୟବହାରିକ ଫର୍ମାଟ୍ସ

ରଙ୍ଗ ବିଶ୍ଳେଷଣ

ଅନ୍ଧତ୍ୱ ସିମୁଲେଟର

ସୃଜନଶୀଳ ଦିଗଗୁଡ଼ିକ