#33bc29
RGB
| 赤 | 51 |
|---|---|
| 緑 | 188 |
| 青 | 41 |
HSL
| 色相 | 116° |
|---|---|
| 彩度 | 64% |
| 明度 | 45% |
| 輝度 | 51% |
３桁の色
補色
反転色
RGB ( 赤 = 51, 緑 = 188, 青 = 41 )
HSL ( 色相 = 116°, 彩度 = 64%, 明度 = 45% )
H : 色相 ( 116° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #bc3829 : -110
16 : #bc5029 : -100
26 : #bc6929 : -90
36 : #bc8129 : -80
46 : #bc9a29 : -70
56 : #bcb229 : -60
66 : #aebc29 : -50
76 : #95bc29 : -40
86 : #7dbc29 : -30
96 : #64bc29 : -20
106 : #4cbc29 : -10
116 : #33bc29 : ±0
126 : #29bc38 : +10
136 : #29bc50 : +20
146 : #29bc69 : +30
156 : #29bc81 : +40
166 : #29bc9a : +50
176 : #29bcb2 : +60
186 : #29aebc : +70
196 : #2995bc : +80
206 : #297dbc : +90
216 : #2964bc : +100
226 : #294cbc : +110
236 : #2933bc : +120
246 : #3829bc : +130
256 : #5029bc : +140
266 : #6929bc : +150
276 : #8129bc : +160
286 : #9a29bc : +170
296 : #b229bc : +180
306 : #bc29ae : +190
316 : #bc2995 : +200
326 : #bc297d : +210
336 : #bc2964 : +220
346 : #bc294c : +230
356 : #bc2933 : +240
106 : #4cbc29 : -10
107 : #49bc29 : -9
108 : #47bc29 : -8
109 : #44bc29 : -7
110 : #42bc29 : -6
111 : #3fbc29 : -5
112 : #3dbc29 : -4
113 : #3abc29 : -3
114 : #38bc29 : -2
115 : #36bc29 : -1
116 : #33bc29 : ±0
117 : #31bc29 : +1
118 : #2ebc29 : +2
119 : #2cbc29 : +3
120 : #29bc29 : +4
121 : #29bc2c : +5
122 : #29bc2e : +6
123 : #29bc31 : +7
124 : #29bc33 : +8
125 : #29bc36 : +9
126 : #29bc38 : +10
S : 彩度 ( 64% )
(0%) 渋い ～ 鮮やか (100%)
0 : #727272 : -64
2 : #717570 : -62
4 : #6f776e : -60
6 : #6d7a6c : -58
8 : #6b7c6a : -56
10 : #697e67 : -54
12 : #678165 : -52
14 : #658363 : -50
16 : #638560 : -48
18 : #61875e : -46
20 : #5f8a5c : -44
22 : #5d8c5a : -42
24 : #5b8e57 : -40
26 : #599155 : -38
28 : #579353 : -36
30 : #559550 : -34
32 : #53974e : -32
34 : #519a4c : -30
36 : #4f9c49 : -28
38 : #4d9e47 : -26
40 : #4ba145 : -24
42 : #49a343 : -22
44 : #47a540 : -20
46 : #45a83e : -18
48 : #43aa3c : -16
50 : #41ac39 : -14
52 : #3fae37 : -12
54 : #3db135 : -10
56 : #3bb332 : -8
58 : #39b530 : -6
60 : #37b82e : -4
62 : #35ba2c : -2
64 : #33bc29 : ±0
66 : #31be27 : +2
68 : #2fc125 : +4
70 : #2dc322 : +6
72 : #2bc520 : +8
74 : #29c81e : +10
76 : #27ca1c : +12
78 : #25cc19 : +14
80 : #23cf17 : +16
82 : #21d115 : +18
84 : #1fd312 : +20
86 : #1dd510 : +22
88 : #1bd80e : +24
90 : #19da0b : +26
92 : #17dc09 : +28
94 : #15df07 : +30
96 : #13e105 : +32
98 : #11e302 : +34
100 : #0fe600 : +36
L : 明度 ( 45% )
(0%) 暗い ～ 明るい (100%)
1 : #010401 : -44
3 : #030d03 : -42
5 : #061505 : -40
7 : #081d06 : -38
9 : #0a2608 : -36
11 : #0c2e0a : -34
13 : #0f360c : -32
15 : #113f0e : -30
17 : #134710 : -28
19 : #164f11 : -26
21 : #185813 : -24
23 : #1a6015 : -22
25 : #1c6917 : -20
27 : #1f7119 : -18
29 : #21791b : -16
31 : #23821c : -14
33 : #258a1e : -12
35 : #289220 : -10
37 : #2a9b22 : -8
39 : #2ca324 : -6
41 : #2fab26 : -4
43 : #31b427 : -2
45 : #33bc29 : ±0
47 : #35c52b : +2
49 : #38cd2d : +4
51 : #3dd232 : +6
53 : #45d43a : +8
55 : #4dd643 : +10
57 : #55d84b : +12
59 : #5cd954 : +14
61 : #64db5c : +16
63 : #6cdd64 : +18
65 : #74df6d : +20
67 : #7ce175 : +22
69 : #84e37d : +24
71 : #8ce486 : +26
73 : #94e68e : +28
75 : #9ce896 : +30
77 : #a4ea9f : +32
79 : #aceca7 : +34
81 : #b4eeb0 : +36
83 : #bcefb8 : +38
85 : #c4f1c0 : +40
87 : #cbf3c9 : +42
89 : #d3f5d1 : +44
91 : #dbf7d9 : +46
93 : #e3f9e2 : +48
95 : #ebfaea : +50
97 : #f3fcf2 : +52
99 : #fbfefb : +54
CSS入門、作ってます。
text-shadow