CN114299178A

CN114299178A - Color pickup method, device, equipment and storage medium

Info

Publication number: CN114299178A
Application number: CN202111627873.1A
Authority: CN
Inventors: 强新宇; 李中贤; 王波; 蒋品
Original assignee: Beijing Guangqiyuan Digital Technology Co ltd
Current assignee: Tencent Cloud Computing Beijing Co Ltd
Priority date: 2021-12-28
Filing date: 2021-12-28
Publication date: 2022-04-08

Abstract

The embodiment of the specification discloses a color pickup method, a color pickup device, color pickup equipment and a storage medium, and the scheme comprises the following steps: generating a first picture representing a range of a gradation value and a second picture representing a combination value of saturation and luminance in advance; a sliding strip is arranged on the first picture, and when the sliding strip moves on the first picture, the second picture is linked according to the position of the sliding strip on the first picture; when it is monitored that the user moves the sliding bar through the mouse, determining a color level value selected by the user according to a first position of the sliding bar on the first picture; when the clicking action of the user on the second picture through the mouse is monitored, determining a combined value of the saturation and the brightness selected by the user according to a second position of the clicking action on the second picture; determining a combined color value according to the selected color level value and the selected combination value of the saturation and the brightness; and performing color rendering on the target to be rendered based on the combined color value.

Description

Color pickup method, device, equipment and storage medium

Technical Field

The present application relates to the field of internet technologies, and in particular, to a color pickup method, apparatus, device, and storage medium.

Background

The existing color picker based on the HSB color mode calculates in real time according to an HSB value input by a user to render a corresponding color, when the color picker based on the mode is applied to hardware equipment with limited resources such as a memory and the like, if the color picker recalculates every time when the color is reselected, the resource consumption of the hardware equipment is higher, and when a plurality of application programs simultaneously run on the hardware equipment, the running of the programs can be blocked, and the user experience is influenced.

Therefore, it is necessary to provide a method for picking up colors suitable for applications running on resource-constrained hardware devices.

Disclosure of Invention

The embodiment of the specification provides a color picking method, a color picking device and a storage medium, so as to provide a method suitable for picking colors in an application program running on a hardware device with limited resources.

In order to solve the above technical problem, the embodiments of the present specification are implemented as follows:

the color pickup method provided by the embodiment of the specification comprises the following steps:

generating a first picture representing a color level value range and a second picture representing a saturation and brightness combined value in advance, wherein a sliding bar is arranged on the first picture, and when the sliding bar moves on the first picture, the second picture can be linked according to the position of the sliding bar on the first picture;

when it is monitored that the user moves the sliding bar through the mouse, determining a color level value selected by the user according to a first position of the sliding bar on the first picture;

when a first click action of a user on the second picture through a mouse is monitored, determining a combined value of saturation and brightness selected by the user according to a second position of the click action on the second picture;

determining a combined color value according to the selected color level value and the selected combination value of the saturation and the brightness;

and performing color rendering on the target to be rendered based on the combined color value.

An embodiment of this specification provides a color pickup apparatus, including:

the color selection image generation module is used for generating a first image representing a color gradation value range and a second image representing a saturation and brightness combination value in advance, wherein a sliding strip is arranged on the first image, and when the sliding strip moves on the first image, the second image can be linked according to the position of the sliding strip on the first image;

the color level value determining module is used for determining a color level value selected by a user according to a first position of the sliding bar on the first picture when the sliding bar is monitored to be moved by the user through a mouse;

the saturation and brightness determining module is used for determining a combined value of the saturation and the brightness selected by the user according to a second position of the clicking action on the second picture when the first clicking action of the user on the second picture through the mouse is monitored;

a color value determining module, configured to determine a combined color value according to the selected gradation value and the selected combination value of saturation and brightness;

and the color rendering module is used for performing color rendering on the target to be rendered based on the combined color value.

An embodiment of the present specification provides a color pickup apparatus, including:

at least one processor; and the number of the first and second groups,

a memory communicatively coupled to the at least one processor; wherein,

the memory stores instructions executable by the at least one processor to enable the at least one processor to:

generating a first picture representing a color level value range and a second picture representing a saturation and brightness combined value in advance, wherein a sliding bar is arranged on the first picture, and when the sliding bar moves on the first picture, the second picture is linked according to the position of the sliding bar on the first picture;

when the clicking action of the user on the second picture through the mouse is monitored, determining a combined value of the saturation and the brightness selected by the user according to a second position of the clicking action on the second picture;

and determining the combined color value according to the selected color level value and the selected combination value of the saturation and the brightness.

Embodiments of the present specification provide a computer readable medium having computer readable instructions stored thereon, the computer readable instructions being executable by a processor to implement a color picking method.

One embodiment of the present description achieves the following advantageous effects:

according to the technical scheme, the color level information, the saturation information and the brightness information which can be matched and combined to generate the color are stored in the form of the pre-generated picture, so that a user can directly select the color level value, the saturation value and the brightness value from the picture, a system can directly generate the color based on the selection of the user without drawing in real time, and hardware resources are saved.

Drawings

In order to more clearly illustrate the embodiments of the present disclosure or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments described in the present application, and for those skilled in the art, other drawings can be obtained according to the drawings without any creative effort.

Fig. 1 is a flowchart of a method of a color picking method provided in an embodiment of the present specification;

fig. 2 is a schematic diagram of a first exemplary application scenario of a color picking method provided in an embodiment of the present specification;

fig. 3 is a schematic diagram of a second exemplary application scenario of a color picking method provided in an embodiment of the present specification;

fig. 4 is a schematic diagram of a third exemplary application scenario of a color pickup method provided in an embodiment of the present specification;

fig. 5 is a schematic structural diagram of a color pickup device provided in an embodiment of the present specification;

fig. 6 is a schematic structural diagram of a color pickup apparatus provided in an embodiment of the present specification.

Where 1 denotes a first picture, 2 denotes a second picture, 3 denotes a first input box, 4 denotes a marquee box, 5 denotes a slider, and 6 denotes a color representation box.

Detailed Description

To make the objects, technical solutions and advantages of one or more embodiments of the present disclosure more apparent, the technical solutions of one or more embodiments of the present disclosure will be described in detail and completely with reference to the specific embodiments of the present disclosure and the accompanying drawings. It is to be understood that the embodiments described are only a few embodiments of the present specification, and not all embodiments. All other embodiments that can be derived by a person skilled in the art from the embodiments given herein without making any creative effort fall within the scope of protection of one or more embodiments of the present specification.

The present invention provides a color picking method, and the technical solutions provided by the embodiments of the present specification are described in detail below with reference to the accompanying drawings.

Fig. 1 is a schematic flowchart of a color picking method provided in an embodiment of the present disclosure. From the viewpoint of the program, the execution subject of the flow may be a program installed in an application server or an application terminal.

As shown in fig. 1, the process may include the following steps:

step S102: the method comprises the steps of generating a first picture representing a color gradation value range and a second picture representing a saturation and brightness combined value in advance, wherein a sliding bar is arranged on the first picture, and when the sliding bar moves on the first picture, the second picture can be linked according to the position of the sliding bar on the first picture.

In the technical solution of this embodiment, the color level value refers to an index standard indicating the intensity of the brightness of an image, that is, a color index, and the color level value can determine the color fullness and fineness of the image, the saturation refers to the vividness of the color, also called purity, and the brightness refers to the brightness of the color. In the HSB color mode, colors can be generated based on the tone scale, saturation, and brightness. As shown in fig. 2 to 4, 1 represents a first picture, and 2 represents a second picture, in the technical solution of this embodiment, a range of color level values is stored in the form of the first picture 1, different positions of the slider 5 on the first picture 1 represent different color level values, and different combinations of saturation and brightness are represented by areas framed by the selection frame 4 at different positions on the second picture 2. Since the color level value refers to an index standard indicating the intensity of the image brightness, in the technical solution of the embodiment, when the position of the slider 5 on the first picture is moved, the second picture is linked. It should be noted that, because the contents of different sub-regions on the second picture 2 represent different combination values of the saturation and the brightness, and because there are more combination values of different combination values of the saturation and the brightness, the actual length of the second picture 2 is longer, and only a part of the contents of the second picture 2 is actually displayed on the screen at a certain time.

Step S104: when it is monitored that the user moves the sliding bar through the mouse, determining the color level value selected by the user according to the first position of the sliding bar on the first picture.

According to the position of the sliding bar on the first picture, the color level value of the sliding bar at the position on the first picture can be analyzed.

Step S106: when a first click action of the user on the second picture through the mouse is monitored, determining a combined value of the saturation and the brightness selected by the user according to a second position of the click action on the second picture.

As shown in fig. 2 to 4, when the user clicks the second picture 2, the occurrence position of the click action on the second picture can be used to determine the selection content of the second picture selected by the click action, and the combination value of the saturation and the brightness can be determined by analyzing the selection content.

Step S108: and determining the combined color value according to the selected color level value and the selected combination value of the saturation and the brightness.

In the technical solution of the present embodiment, the color is generated by using a combination value of the gradation value, the saturation and the brightness, and in an alternative embodiment, the color may be generated based on a combination value of the gradation value, the saturation and the brightness in an HSB color mode, where the HSB color mode describes three basic characteristics of the color based on human perception of the color. It describes the basic characteristics of color in terms of tone scale (H), saturation (S) and brightness (B), providing a straightforward method for converting natural colors into computer-created colors.

Step S110: and performing color rendering on the target to be rendered based on the combined color value.

After the color gradation value and the combined value of the saturation and the brightness selected by the user based on the mouse are determined in the previous step, the color can be generated according to the combined value of the color gradation value, the saturation and the brightness, and then the color rendering can be performed on the target to be rendered according to the generated color.

In the technical solution of the optional embodiment, a marquee represented by a closed graph is arranged on the second picture, and the marquee is used for automatically moving to a click position of a second click action after monitoring that the second click action of a user on the second picture is performed through a mouse.

As shown in fig. 2 to 4, a marquee 4 represented by a closed graph may be set on the second picture 2, and after a user selects and sends a click action on the second picture 2 through a selection tool such as a mouse, the marquee 4 is set to automatically move to the occurrence position of the click action, so as to confirm the behavior of the user.

In the technical solution of the optional embodiment, the first picture is rectangular, the second picture is located at a preset position above the first picture, and the width of the second picture is greater than the width of the first picture.

In the technical scheme of the optional embodiment, a first input frame is arranged in a preset area on the right side or the lower side of the first picture; after determining a combined color value according to the selected color level value and the selected combined value of saturation and brightness, determining a first color code corresponding to the combined color value based on an HSB color mode, and displaying the first color code in the first input box. For example, in fig. 2 to 4, after the user determines the gradation value by the position of the slider bar and determines the combination value of the saturation and the brightness by the cull box, the three values may be displayed in hexadecimal form in the first input box, for example, the color code "# B21F19 in hexadecimal representation of the input of a certain color may be displayed in the first input box.

In the technical scheme of the optional embodiment, a second input frame is arranged in a preset area on the right side or the lower side of the first input frame; after the first color code is displayed, determining a second color code corresponding to the combined color value based on an RGB color mode, and displaying the second color code in the second input box.

The RGB color mode can also display colors, and an RGB color code equivalent to the HSB color code can be generated and then displayed in the second input box.

In the technical solution of the optional embodiment, a third color code based on the HSB color mode and input by the user in the first input box is monitored, and after the user input is confirmed to be completed, the third color code is analyzed to obtain a color level value corresponding to the third color code and a combined value of saturation and brightness corresponding to the third color code;

determining a third position of the slider on the first picture and a fourth position of the marquee on the second picture based on the combination value of the color level value corresponding to the third color code and the saturation and brightness corresponding to the third color code;

moving the slider to the third position and the marquee to the fourth position.

Based on the same idea, the embodiment of the present specification further provides a device corresponding to the above method. Fig. 5 is a schematic structural diagram of a color pickup device corresponding to fig. 1 provided in an embodiment of the present disclosure. As shown in fig. 5, the apparatus may include:

the color selection picture generation module 502 is configured to generate a first picture representing a range of a color level value and a second picture representing a combined value of saturation and brightness in advance, where the first picture is provided with a sliding bar, and when the sliding bar moves on the first picture, the second picture can be linked according to a position of the sliding bar on the first picture;

a color level value determining module 504, configured to determine, when it is monitored that the user moves the slider through the mouse, a color level value selected by the user according to a first position of the slider on the first picture;

a saturation and brightness determining module 506, configured to determine, when a first click action of the user on the second picture through the mouse is monitored, a combined value of the saturation and the brightness selected by the user according to a second position of the click action on the second picture;

a color value determining module 508, configured to determine a combined color value according to the selected gradation value and the selected combination value of saturation and brightness;

and a color rendering module 510, configured to perform color rendering on the target to be rendered based on the combined color value.

Based on the same idea, the embodiment of the present specification further provides a device corresponding to the above method.

Fig. 6 is a schematic structural diagram of a color pickup apparatus corresponding to fig. 1 provided in an embodiment of the present specification. As shown in fig. 6, the apparatus 600 may include:

at least one processor 610; and the number of the first and second groups,

a memory 630 communicatively coupled to the at least one processor; wherein,

the memory 630 stores instructions 620 executable by the at least one processor 610 to enable the at least one processor 610 to:

Based on the same idea, the embodiment of the present specification further provides a computer-readable medium corresponding to the above method. The computer readable medium has computer readable instructions stored thereon that are executable by a processor to implement the method of:

All the embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments may be referred to each other, and each embodiment focuses on the differences from the other embodiments, and the relevant points may be referred to the part of the description of the method embodiment.

In the 90 s of the 20 th century, improvements in a technology could clearly distinguish between improvements in hardware (e.g., improvements in circuit structures such as diodes, transistors, switches, etc.) and improvements in software (improvements in process flow). However, as technology advances, many of today's process flow improvements have been seen as direct improvements in hardware circuit architecture. Designers almost always obtain the corresponding hardware circuit structure by programming an improved method flow into the hardware circuit. Thus, it cannot be said that an improvement in the process flow cannot be realized by hardware physical modules. For example, a Programmable Logic Device (PLD), such as a Field Programmable Gate Array (FPGA), is an integrated circuit whose Logic functions are determined by programming the Device by a user. A digital character system is "integrated" on a PLD by the designer's own programming without requiring the chip manufacturer to design and fabricate a dedicated integrated circuit chip. Furthermore, nowadays, instead of manually making an Integrated Circuit chip, such Programming is often implemented by "logic compiler" software, which is similar to a software compiler used in program development and writing, but the original code before compiling is also written by a specific Programming Language, which is called Hardware Description Language (HDL), and HDL is not only one but many, such as abel (advanced Boolean Expression Language), ahdl (alternate Hardware Description Language), traffic, pl (core universal Programming Language), HDCal (jhdware Description Language), lang, Lola, HDL, laspam, hardward Description Language (vhr Description Language), vhal (Hardware Description Language), and vhigh-Language, which are currently used in most common. It will also be apparent to those skilled in the art that hardware circuitry that implements the logical method flows can be readily obtained by merely slightly programming the method flows into an integrated circuit using the hardware description languages described above.

The controller may be implemented in any suitable manner, for example, the controller may take the form of, for example, a microprocessor or processor and a computer-readable medium storing computer-readable program code (e.g., software or firmware) executable by the (micro) processor, logic gates, switches, an Application Specific Integrated Circuit (ASIC), a programmable logic controller, and an embedded microcontroller, examples of which include, but are not limited to, the following microcontrollers: ARC 625D, AtmelAT91SAM, Microchip PIC18F26K20, and Silicone Labs C8051F320, the memory controller may also be implemented as part of the control logic for the memory. Those skilled in the art will also appreciate that, in addition to implementing the controller as pure computer readable program code, the same functionality can be implemented by logically programming method steps such that the controller is in the form of logic gates, switches, application specific integrated circuits, programmable logic controllers, embedded microcontrollers and the like. Such a controller may thus be considered a hardware component, and the means included therein for performing the various functions may also be considered as a structure within the hardware component. Or even means for performing the functions may be regarded as being both a software module for performing the method and a structure within a hardware component.

The systems, devices, modules or units illustrated in the above embodiments may be implemented by a computer chip or an entity, or by a product with certain functions. One typical implementation device is a computer. In particular, the computer may be, for example, a personal computer, a laptop computer, a cellular telephone, a camera phone, a smartphone, a personal digital assistant, a media player, a navigation device, an email device, a game console, a tablet computer, a wearable device, or a combination of any of these devices.

For convenience of description, the above devices are described as being divided into various units by function, and are described separately. Of course, the functionality of the units may be implemented in one or more software and/or hardware when implementing the present application.

As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.

The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.

The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.

Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Disks (DVD) or other optical storage, magnetic cassettes, magnetic tape disk storage or other magnetic storage devices, or any other non-transmission medium which can be used to store information which can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.

It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.

The application may be described in the general context of computer-executable instructions, such as program modules, being executed by a computer. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform particular tasks or implement particular abstract data types. The application may also be practiced in distributed computing environments where tasks are performed by remote processing devices that are linked through a communications network. In a distributed computing environment, program modules may be located in both local and remote computer storage media including memory storage devices.

The above description is only an example of the present application and is not intended to limit the present application. Various modifications and changes may occur to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.

Claims

1. A color pickup method, comprising:

2. The method as claimed in claim 1, wherein a marquee represented by a closed figure is arranged on the second picture, and the marquee is used for automatically moving to a click position of a second click action of the user on the second picture through a mouse after the second click action is monitored.

3. The method of claim 2, wherein the first picture has a rectangular shape, the second picture is located at a predetermined position above the first picture, and the width of the second picture is greater than the width of the first picture.

4. The method according to claim 3, wherein a first input box is provided in a preset area on the right side or lower side of the first picture; after determining a combined color value according to the selected color level value and the selected combined value of saturation and brightness, determining a first color code corresponding to the combined color value based on an HSB color mode, and displaying the first color code in the first input box.

5. The method of claim 4, wherein a second input box is provided in a preset area at the right or lower side of the first input box; after the first color code is displayed, determining a second color code corresponding to the combined color value based on an RGB color mode, and displaying the second color code in the second input box.

6. The method of claim 5, wherein a third color code based on the HSB color mode inputted by the user in the first input box is monitored, and after the user input is confirmed, the third color code is analyzed to obtain a color level value corresponding to the third color code and a combined value of saturation and brightness corresponding to the third color code;

moving the slider to the third position and the marquee to the fourth position.

7. A color pickup apparatus characterized by comprising:

8. A color pickup apparatus characterized by comprising:

at least one processor; and the number of the first and second groups,

a memory communicatively coupled to the at least one processor; wherein,

9. A computer readable medium having computer readable instructions stored thereon which are executable by a processor to implement the color picking method of any one of claims 1 to 6.