#528721
RGB
赤 | 82 |
---|---|
緑 | 135 |
青 | 33 |
HSL
色相 | 91° |
---|---|
彩度 | 61% |
明度 | 33% |
輝度 | 42% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 82, 緑 = 135, 青 = 33 )
HSL ( 色相 = 91°, 彩度 = 61%, 明度 = 33% )
H : 色相 ( 91° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #872321 : -90
11 : #873421 : -80
21 : #874521 : -70
31 : #875621 : -60
41 : #876721 : -50
51 : #877821 : -40
61 : #868721 : -30
71 : #758721 : -20
81 : #648721 : -10
91 : #528721 : ±0
101 : #418721 : +10
111 : #308721 : +20
121 : #218723 : +30
131 : #218734 : +40
141 : #218745 : +50
151 : #218756 : +60
161 : #218767 : +70
171 : #218778 : +80
181 : #218687 : +90
191 : #217587 : +100
201 : #216487 : +110
211 : #215287 : +120
221 : #214187 : +130
231 : #213087 : +140
241 : #232187 : +150
251 : #342187 : +160
261 : #452187 : +170
271 : #562187 : +180
281 : #672187 : +190
291 : #782187 : +200
301 : #872186 : +210
311 : #872175 : +220
321 : #872164 : +230
331 : #872152 : +240
341 : #872141 : +250
351 : #872130 : +260
81 : #648721 : -10
82 : #628721 : -9
83 : #608721 : -8
84 : #5e8721 : -7
85 : #5d8721 : -6
86 : #5b8721 : -5
87 : #598721 : -4
88 : #588721 : -3
89 : #568721 : -2
90 : #548721 : -1
91 : #528721 : ±0
92 : #518721 : +1
93 : #4f8721 : +2
94 : #4d8721 : +3
95 : #4c8721 : +4
96 : #4a8721 : +5
97 : #488721 : +6
98 : #468721 : +7
99 : #458721 : +8
100 : #438721 : +9
101 : #418721 : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #545553 : -60
3 : #545752 : -58
5 : #545850 : -56
7 : #545a4e : -54
9 : #545c4d : -52
11 : #545d4b : -50
13 : #545f49 : -48
15 : #546148 : -46
17 : #546246 : -44
19 : #546444 : -42
21 : #546642 : -40
23 : #546841 : -38
25 : #53693f : -36
27 : #536b3d : -34
29 : #536d3c : -32
31 : #536e3a : -30
33 : #537038 : -28
35 : #537237 : -26
37 : #537335 : -24
39 : #537533 : -22
41 : #537732 : -20
43 : #537830 : -18
45 : #537a2e : -16
47 : #537c2d : -14
49 : #537d2b : -12
51 : #537f29 : -10
53 : #538128 : -8
55 : #538226 : -6
57 : #538424 : -4
59 : #528623 : -2
61 : #528721 : ±0
63 : #52891f : +2
65 : #528b1d : +4
67 : #528d1c : +6
69 : #528e1a : +8
71 : #529018 : +10
73 : #529217 : +12
75 : #529315 : +14
77 : #529513 : +16
79 : #529712 : +18
81 : #529810 : +20
83 : #529a0e : +22
85 : #529c0d : +24
87 : #529d0b : +26
89 : #529f09 : +28
91 : #52a108 : +30
93 : #52a206 : +32
95 : #51a404 : +34
97 : #51a603 : +36
99 : #51a701 : +38
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #020401 : -32
3 : #070c03 : -30
5 : #0c1505 : -28
7 : #111d07 : -26
9 : #162509 : -24
11 : #1b2d0b : -22
13 : #20350d : -20
15 : #253e0f : -18
17 : #2a4611 : -16
19 : #2f4e13 : -14
21 : #345615 : -12
23 : #395e17 : -10
25 : #3e6719 : -8
27 : #436f1b : -6
29 : #48771d : -4
31 : #4d7f1f : -2
33 : #528721 : ±0
35 : #579023 : +2
37 : #5c9825 : +4
39 : #61a027 : +6
41 : #66a829 : +8
43 : #6bb12b : +10
45 : #70b92d : +12
47 : #75c12f : +14
49 : #7ac931 : +16
51 : #80ce36 : +18
53 : #85d03e : +20
55 : #8ad246 : +22
57 : #8fd44e : +24
59 : #94d657 : +26
61 : #9ad85f : +28
63 : #9fda67 : +30
65 : #a4dc6f : +32
67 : #a9de78 : +34
69 : #aee080 : +36
71 : #b4e288 : +38
73 : #b9e490 : +40
75 : #bee698 : +42
77 : #c3e8a1 : +44
79 : #c8eaa9 : +46
81 : #ceecb1 : +48
83 : #d3eeb9 : +50
85 : #d8f0c1 : +52
87 : #ddf2ca : +54
89 : #e2f4d2 : +56
91 : #e8f6da : +58
93 : #edf8e2 : +60
95 : #f2faea : +62
97 : #f7fcf3 : +64
99 : #fcfefb : +66
CSS入門、作ってます。
text-shadow