#527330
RGB
赤 | 82 |
---|---|
緑 | 115 |
青 | 48 |
HSL
色相 | 90° |
---|---|
彩度 | 41% |
明度 | 32% |
輝度 | 38% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 82, 緑 = 115, 青 = 48 )
HSL ( 色相 = 90°, 彩度 = 41%, 明度 = 32% )
H : 色相 ( 90° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #733030 : -90
10 : #733b30 : -80
20 : #734630 : -70
30 : #735230 : -60
40 : #735d30 : -50
50 : #736830 : -40
60 : #737330 : -30
70 : #687330 : -20
80 : #5d7330 : -10
90 : #527330 : ±0
100 : #467330 : +10
110 : #3b7330 : +20
120 : #307330 : +30
130 : #30733b : +40
140 : #307346 : +50
150 : #307352 : +60
160 : #30735d : +70
170 : #307368 : +80
180 : #307373 : +90
190 : #306873 : +100
200 : #305d73 : +110
210 : #305273 : +120
220 : #304673 : +130
230 : #303b73 : +140
240 : #303073 : +150
250 : #3b3073 : +160
260 : #463073 : +170
270 : #523073 : +180
280 : #5d3073 : +190
290 : #683073 : +200
300 : #733073 : +210
310 : #733068 : +220
320 : #73305d : +230
330 : #733052 : +240
340 : #733046 : +250
350 : #73303b : +260
80 : #5d7330 : -10
81 : #5c7330 : -9
82 : #5b7330 : -8
83 : #597330 : -7
84 : #587330 : -6
85 : #577330 : -5
86 : #567330 : -4
87 : #557330 : -3
88 : #547330 : -2
89 : #537330 : -1
90 : #527330 : ±0
91 : #507330 : +1
92 : #4f7330 : +2
93 : #4e7330 : +3
94 : #4d7330 : +4
95 : #4c7330 : +5
96 : #4b7330 : +6
97 : #4a7330 : +7
98 : #497330 : +8
99 : #487330 : +9
100 : #467330 : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #525251 : -40
3 : #52544f : -38
5 : #52564e : -36
7 : #52574c : -34
9 : #52594a : -32
11 : #525b49 : -30
13 : #525c47 : -28
15 : #525e45 : -26
17 : #525f44 : -24
19 : #526142 : -22
21 : #526340 : -20
23 : #52643f : -18
25 : #52663d : -16
27 : #52683c : -14
29 : #52693a : -12
31 : #526b38 : -10
33 : #526d37 : -8
35 : #526e35 : -6
37 : #527033 : -4
39 : #527132 : -2
41 : #527330 : ±0
43 : #52752f : +2
45 : #52762d : +4
47 : #52782b : +6
49 : #527a2a : +8
51 : #527b28 : +10
53 : #527d26 : +12
55 : #527e25 : +14
57 : #528023 : +16
59 : #528221 : +18
61 : #528320 : +20
63 : #52851e : +22
65 : #52871d : +24
67 : #52881b : +26
69 : #528a19 : +28
71 : #528c18 : +30
73 : #528d16 : +32
75 : #528f14 : +34
77 : #529013 : +36
79 : #529211 : +38
81 : #529410 : +40
83 : #52950e : +42
85 : #52970c : +44
87 : #52990b : +46
89 : #529a09 : +48
91 : #529c07 : +50
93 : #529d06 : +52
95 : #529f04 : +54
97 : #52a102 : +56
99 : #52a201 : +58
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #050703 : -30
4 : #0a0e06 : -28
6 : #0f1609 : -26
8 : #141d0c : -24
10 : #1a240f : -22
12 : #1f2b12 : -20
14 : #243215 : -18
16 : #293a18 : -16
18 : #2e411b : -14
20 : #33481e : -12
22 : #384f21 : -10
24 : #3d5624 : -8
26 : #425d27 : -6
28 : #47652a : -4
30 : #4d6c2d : -2
32 : #527330 : ±0
34 : #577a33 : +2
36 : #5c8136 : +4
38 : #618939 : +6
40 : #66903c : +8
42 : #6b973f : +10
44 : #709e42 : +12
46 : #75a545 : +14
48 : #7aad48 : +16
50 : #80b44b : +18
52 : #85b752 : +20
54 : #8aba5a : +22
56 : #8fbd61 : +24
58 : #94c068 : +26
60 : #99c36f : +28
62 : #9ec676 : +30
64 : #a3c97e : +32
66 : #a8cc85 : +34
68 : #adcf8c : +36
70 : #b3d293 : +38
72 : #b8d59a : +40
74 : #bdd8a2 : +42
76 : #c2dba9 : +44
78 : #c7deb0 : +46
80 : #cce1b7 : +48
82 : #d1e4be : +50
84 : #d6e7c5 : +52
86 : #dbeacd : +54
88 : #e0edd4 : +56
90 : #e6f0db : +58
92 : #ebf3e2 : +60
94 : #f0f6e9 : +62
96 : #f5f9f1 : +64
98 : #fafcf8 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow