View source for Using ColorPro Sense

=Start Page=
The '''Start Page''' will open when the application is initially launched. A short Tutorial and log-in options will be present.
<div class="res-img">[[File:ColorPro Sense Start Page.png|500px|center|Start Page]]</div>

==Tutorial==
On the left-hand side, a short tutorial is available. You can page between those images by clicking [[File: Left Arrow.png]]or[[File: Right Arrow.png]]. 
<div class="res-img">[[File:ColorPro Sense Tutorial.png|500px|center|Tutorial]]</div>

==Logging In==
On the right-hand side, there are several options for logging in. Logging in allows you to save palettes and create libraries. Facebook, Google, and Apple are supported for convenience.
<div class="res-img">[[File:ColorPro Sense Logging In.png|500px|center|Logging In]]</div>

==Creating an Account==
If you don't already have a user account, you can create a new one by clicking on '''Sign up'''. The '''Sign up''' link will take you to the following page with several sign-up options. You can create a new account using an existing email address or use any of the methods listed to sign up. 
<div class="res-img">[[File:ColorPro Sense Creating an Account.png|500px|center|Creating an Account]]</div>
===Email Sign Up===
If you use an existing email address to create your account, you will be prompted to provide some additional information.
<ol><li>Enter the account information and accept [https://support.viewsonic.com/en/support/solutions/articles/33000276576-end-user-license-agreement-for-universe-by-viewsonic-software|the Terms of Service and Privacy Policy] to create the account. Click '''Next''' to continue the sign-up process.</li>
:<div class="res-img">[[File: ColorPro Sense Required Info for an Account.png|500px|center|Required Info for an Account]]</div>
<div class="line-length=5em">
{{Note|Passwords are case sensitve and must be at least eight characters with one uppercase and one number.}}</div>
<li>After you are finished filling in the required information, ColorPro™ Sense will send an email to the email address you have provided for confirmation. Please check the email and click the URL in it to verify ownership of the account.</li>
<div class="res-img">[[File: ColorPro Sense Account Confirmation.png|500px|center|Confirmation Email]]</div>
<li>Once you have done the above, you will be redirected to the '''Start Page''' and can sign in to ColorPro™ Sense.</li></ol>
===Other Sign-Up Methods===
If you choose other sign-up methods, follow the on-screen directions to complete the sign-up process. After you are finished, please help us to improve ColorPro™ Sense by completing a short survey. You can also skip it by clicking '''Skip''' on the pop-up message as shown below. 
<div class="res-img">[[File: ColorPro Sense Survey.png|500px|center|Survey]]</div>

==Password Recover==
In the event that you forget your password, you can select the '''Forget Password?''' link to send a recovery message to your registered email.
<div class="res-img">[[File:Password Recover.png|500px|center|Password Recover]]</div>

=Home Page=
After logging in, the Home page will come on screen. The Home page has several tabs at the top: [[Using ColorPro Sense#Home|Home]], [[Using ColorPro Sense#Harmony|Harmony]], [[Using ColorPro Sense#Extend|Extend]], and [[Using ColorPro Sense#Library|Library]].
:<div class="res-img">[[File:ColorPro Sense Home Page.png|500px|center|Home Page]]</div>
{{Note|Please regularly color calibrate your monitor for the best user experience.}}

===Home===
The '''Home''' tab includes: [[Using ColorPro Sense#Color Detection|Color Detection]], [[Using ColorPro Sense#Pantone Color|Pantone Color]], and [[Using ColorPro Sense#Palette|Palette]].

====Color Detection====
<div class="res-img">[[File:ColorPro Sense Home Tab.png|400px|center|Color Detection]]</div>

{| class="wikitable" style="font-weight:bold; text-align:center; background-color:#ffffff; width:60%;"
|- 
! style="background-color:#db0025; color:#ffffff;" | Mumber
! style="background-color:#db0025; color:#ffffff;" | Description
|-
| 1
| style="font-weight:normal; text-align:left;" | ColorPro™ Wheel connection status<br>
*Red = not connected
*Green = connected
|-
| 2
| style="font-weight:normal; text-align:left;" | 
*'''Eyedropper Tool''' [[File:Eyedropper.png|25px]] selects the color that is to be detected.
*'''Add Color''' [[File:ColorPro Sense Add Color.png|23px]] adds a color directly by inserting the HEX/RGB code.
*'''Pop-Out Window Toggle''' [[File:Pop-Op Window.png|25px]] Pops the color detection window out from the main user interface.
|-
| 3
| style="font-weight:normal; text-align:left;" | Select one of the supported Pantone Color Systems:
*Formula Guide Solid Coated
*Formula Guide Solid Uncoated
*Pastels & Neons Coated
*Pastels & Neons Uncoated
*Metallica Guide
*Extended Gamut Guide Coated
|-
| 4
| style="font-weight:normal; text-align:left;" | Selected Color Display Area.<br> Additionally, the '''Edit Color''' icon will appear if the user hovers over the center of the selected color display area with the cursor. The selected color's properties can then be adjusted.<br>
[[File:Selected Color Display Area.png|300px|center]]
|-
| 5
| style="font-weight:normal; text-align:left;" | Click to detect the selected color.
|}

'''To detect a color with the ColorPro™ Wheel:'''
<ol><li>Ensure the ColorPro™ Wheel is properly connected to the computer or monitor (there will be a green dot next to '''Choose Color''' if connected properly).
[[File: ColorPro Wheel Status.png|200px|center]]</li>
<li>Left click the Eyedropper Tool icon ([[File:Eyedropper.png|25px]]). Once selected, the mouse cursor will show a small circle indicating the colors you scroll over.
[[File:ColorPro Sense Absorbing Selected Color.png|600px|center]]</li>
<li>Click the left mouse button to absorb the color once you have scrolled over the color you want to detect.</li>
<li>The absorbed color will now be in the Selected Color Display Area.
[[File:ColorPro Sense Absorbed Color.png|200px|center]]</li>
<li>With the ColorPro™ Wheel's lens cap removed, place the lens over the Selected Color Display Area.</li>
<li>Left click '''Detect Color'''.</li>
<li>Within a few seconds, the equivalent Pantone color chip will be displayed in the Pantone Color section.</li>
{{Note|
:*Please place your ColorPro™ Wheel on the selected color area without any gap.
:*Do not press the screen too hard with your ColorPro™ Wheel.}}</ol>

====Pantone Color====
The Pantone Color section will show the Pantone color chip for the detected color.
{{Note|ColorPro™ Sense suggests the most equivalent Pantone color.[[File:ColorPro Sense Pantone Color.png|520px|center]]}}
By hovering over the upper-right corner of the color chip, you can left click the menu tab and select from several options.
[[File: ColorPro Sense Color Chip Menu.png|300px|center]]
{| class="wikitable" style="font-weight:bold; text-align:center; background-color:#ffffff; width:60%;"
|- 
! style="background-color:#db0025; color:#ffffff;" | Item
! style="background-color:#db0025; color:#ffffff;" | Description
|-
| Add to Palette
| style="font-weight:normal; text-align:left;" | Add the detected color to your palette.
|-
| Go to Harmony
| style="font-weight:normal; text-align:left;" | Go to the Harmony section.
|-
| Go to Extend
| style="font-weight:normal; text-align:left;" | Go to the Extend section.
|-
| Copy the RGB
| style="font-weight:normal; text-align:left;" | Copy the RGB color code.
|-
| Copy the HEX
| style="font-weight:normal; text-align:left;" | Copy the HEX color code.
|-
| Delete Color
| style="font-weight:normal; text-align:left;" | Delete the selected Pantone color.
|}
{{Note|The Pantone color can be reset by selecting the '''Reset Pantone Color''' option in the upper-right corner menu [[File:ColorPro Sense Meatballs Menu.png|22px]].}}
By clicking the center of the color chip, the color information window will pop out. You can check its HEX/RGB code, Harmony and Extend colors, or add it to the selected palette.
[[File: ColorPro Sense Color Info.png|500px|center]]
====Palette====
[[File:ColorPro Sense Palette.png|700px|center]]
{| class="wikitable" style="font-weight:bold; text-align:center; background-color:#ffffff; width:60%;"
|- 
! style="background-color:#db0025; color:#ffffff;" | Number
! style="background-color:#db0025; color:#ffffff;" | Description
|-
| 1
| style="font-weight:normal; text-align:left;" | Create a new palette or select an existing palette to edit.
|-
| 2
| style="font-weight:normal; text-align:left;" | Check the color's Pantone color/HEX/RGB code, or go to its Harmony and Extend colors by clicking the center of the color cube.
|-
| 3
| style="font-weight:normal; text-align:left;" | Delete a color in the selected palette by hovering over to the upperright corner, and click on the [[File: Delete Icon.png|20px]] icon.<br>
A double confirmation window will pop out. Click '''don't show it again''' if you don't want to double confirm the delete action every time.
[[File: ColorPro Sense Double Confirm Pop-up.png|300px|center]]
|-
| 4
| style="font-weight:normal; text-align:left;" | Click '''Save''' to save all the changes of the selected palette.
|-
| 5
| style="font-weight:normal; text-align:left;" | '''Reset''' or '''Download''' the palette by clicking on the menu tab.
|}
{{Note|A maximum of 16 colors can be saved to a palette.}}
===Harmony===
The '''Harmony''' tab shows the color harmonies to your selected Pantone color. Analogous, Complement, Monochromatic, Tetradic, Triadic, and Split-Complementary are all available options.
[[File:ColorPro Sense Harmony.png|500px|center]]
Left click '''Compare''' under the Main Color to see how the Main Color interacts with the others.
[[File:ColorPro Sense Comparing Different Colors.png|500px|center]]
<p>Left click the '''Clear''' button under the Main Color to stop the comparison.</p>
<p>History Color below the '''Clear''' button remembers which colors you have reviewed on ColorPro™ Sense. You can select colors by left clicking the dot of a color.</p>
<p>Hovering the mouse cursor over the upper-right corner of any harmonious color will provide additional options: Add to Palette, Go to Harmony, Go to Extend, Copy the sRGB code, Copy the HEX code, and Delete Color.</p>
<p>Clicking the center of the color chip the harmonious color's HEX/RGB code will be provided. Additionally, Go to Harmony, Go to Extend, and Add to Palette options will be available.
[[File:ColorPro Sense Color Info Under Harmony.png|500px|center]]</p>
===Extend===
<p>The '''Extend''' tab shows the various Shades and Tints of the Main Color.
[[File:ColorPro Sense Extend.png|500px|center]]</p>
<p>Left click on any of the Shades or Tints to copy the HEX or RGB codes or detect the color to find the Pantone Color.
[[File:ColorPro Sense Color Info-Extend.png|500px|center]]</p>
===Library===
<p>The '''Library''' tab shows the saved palettes and libraries from the Home tab. You can Rename, Delete, or Download the palette libraries by clicking on the menu tab. You can also click the Edit Palette button to add or remove colors from the palette.
[[File:ColorPro Sense Library.png|500px|center]]
</p>
<p>You can also check the color information by clicking the center of the color chip. You can see its Pantone color/HEX/RGB code or go to its Harmony and Extend colors.
{{Note|A maximum of six palettes can be saved to a library.}}</p>

{{#seo:
|title=ViewSonic Monitor Software
|title_mode=append
|keywords=ViewSonic, monitor, software, ColorPro, ColorPro Sense
|description=How to use ColorPro Sense.
}}

[[Category:ColorPro Sense]]