#33cc40
RGB
赤 | 51 |
---|---|
緑 | 204 |
青 | 64 |
HSL
色相 | 125° |
---|---|
彩度 | 60% |
明度 | 50% |
輝度 | 56% |
3桁の色
補色
反転色
RGB ( 赤 = 51, 緑 = 204, 青 = 64 )
HSL ( 色相 = 125°, 彩度 = 60%, 明度 = 50% )
H : 色相 ( 125° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #cc4033 : -120
15 : #cc5933 : -110
25 : #cc7333 : -100
35 : #cc8c33 : -90
45 : #cca633 : -80
55 : #ccbf33 : -70
65 : #bfcc33 : -60
75 : #a6cc33 : -50
85 : #8ccc33 : -40
95 : #73cc33 : -30
105 : #59cc33 : -20
115 : #40cc33 : -10
125 : #33cc40 : ±0
135 : #33cc59 : +10
145 : #33cc73 : +20
155 : #33cc8c : +30
165 : #33cca6 : +40
175 : #33ccbf : +50
185 : #33bfcc : +60
195 : #33a6cc : +70
205 : #338ccc : +80
215 : #3373cc : +90
225 : #3359cc : +100
235 : #3340cc : +110
245 : #4033cc : +120
255 : #5933cc : +130
265 : #7333cc : +140
275 : #8c33cc : +150
285 : #a633cc : +160
295 : #bf33cc : +170
305 : #cc33bf : +180
315 : #cc33a6 : +190
325 : #cc338c : +200
335 : #cc3373 : +210
345 : #cc3359 : +220
355 : #cc3340 : +230
115 : #40cc33 : -10
116 : #3dcc33 : -9
117 : #3bcc33 : -8
118 : #38cc33 : -7
119 : #36cc33 : -6
120 : #33cc33 : -5
121 : #33cc36 : -4
122 : #33cc38 : -3
123 : #33cc3b : -2
124 : #33cc3d : -1
125 : #33cc40 : ±0
126 : #33cc42 : +1
127 : #33cc45 : +2
128 : #33cc47 : +3
129 : #33cc4a : +4
130 : #33cc4d : +5
131 : #33cc4f : +6
132 : #33cc52 : +7
133 : #33cc54 : +8
134 : #33cc57 : +9
135 : #33cc59 : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -60
2 : #7d827d : -58
4 : #7a857b : -56
6 : #788779 : -54
8 : #758a77 : -52
10 : #738c75 : -50
12 : #708f73 : -48
14 : #6e9171 : -46
16 : #6b946f : -44
18 : #69966c : -42
20 : #66996a : -40
22 : #639c68 : -38
24 : #619e66 : -36
26 : #5ea164 : -34
28 : #5ca362 : -32
30 : #59a660 : -30
32 : #57a85e : -28
34 : #54ab5b : -26
36 : #52ad59 : -24
38 : #4fb057 : -22
40 : #4db355 : -20
42 : #4ab553 : -18
44 : #47b851 : -16
46 : #45ba4f : -14
48 : #42bd4d : -12
50 : #40bf4a : -10
52 : #3dc248 : -8
54 : #3bc446 : -6
56 : #38c744 : -4
58 : #36c942 : -2
60 : #33cc40 : ±0
62 : #30cf3e : +2
64 : #2ed13c : +4
66 : #2bd439 : +6
68 : #29d637 : +8
70 : #26d935 : +10
72 : #24db33 : +12
74 : #21de31 : +14
76 : #1fe02f : +16
78 : #1ce32d : +18
80 : #1ae62b : +20
82 : #17e828 : +22
84 : #14eb26 : +24
86 : #12ed24 : +26
88 : #0ff022 : +28
90 : #0df220 : +30
92 : #0af51e : +32
94 : #08f71c : +34
96 : #05fa1a : +36
98 : #03fc17 : +38
100 : #00ff15 : +40
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #020803 : -48
4 : #041005 : -46
6 : #061808 : -44
8 : #08210a : -42
10 : #0a290d : -40
12 : #0c310f : -38
14 : #0e3912 : -36
16 : #104114 : -34
18 : #124917 : -32
20 : #14521a : -30
22 : #165a1c : -28
24 : #18621f : -26
26 : #1b6a21 : -24
28 : #1d7224 : -22
30 : #1f7a26 : -20
32 : #218329 : -18
34 : #238b2b : -16
36 : #25932e : -14
38 : #279b30 : -12
40 : #29a333 : -10
42 : #2bab36 : -8
44 : #2db438 : -6
46 : #2fbc3b : -4
48 : #31c43d : -2
50 : #33cc40 : ±0
52 : #3bce47 : +2
54 : #43d04f : +4
56 : #4bd257 : +6
58 : #54d45e : +8
60 : #5cd666 : +10
62 : #64d86e : +12
64 : #6cda75 : +14
66 : #74dc7d : +16
68 : #7cde85 : +18
70 : #85e08c : +20
72 : #8de294 : +22
74 : #95e49c : +24
76 : #9de7a3 : +26
78 : #a5e9ab : +28
80 : #adebb3 : +30
82 : #b6edba : +32
84 : #beefc2 : +34
86 : #c6f1c9 : +36
88 : #cef3d1 : +38
90 : #d6f5d9 : +40
92 : #def7e0 : +42
94 : #e7f9e8 : +44
96 : #effbf0 : +46
98 : #f7fdf7 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow