#522fbc
RGB
赤 | 82 |
---|---|
緑 | 47 |
青 | 188 |
HSL
色相 | 255° |
---|---|
彩度 | 60% |
明度 | 46% |
輝度 | 29% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 82, 緑 = 47, 青 = 188 )
HSL ( 色相 = 255°, 彩度 = 60%, 明度 = 46% )
H : 色相 ( 255° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #bc3b2f : -250
15 : #bc522f : -240
25 : #bc6a2f : -230
35 : #bc812f : -220
45 : #bc982f : -210
55 : #bcb02f : -200
65 : #b0bc2f : -190
75 : #98bc2f : -180
85 : #81bc2f : -170
95 : #6abc2f : -160
105 : #52bc2f : -150
115 : #3bbc2f : -140
125 : #2fbc3b : -130
135 : #2fbc52 : -120
145 : #2fbc6a : -110
155 : #2fbc81 : -100
165 : #2fbc98 : -90
175 : #2fbcb0 : -80
185 : #2fb0bc : -70
195 : #2f98bc : -60
205 : #2f81bc : -50
215 : #2f6abc : -40
225 : #2f52bc : -30
235 : #2f3bbc : -20
245 : #3b2fbc : -10
255 : #522fbc : ±0
265 : #6a2fbc : +10
275 : #812fbc : +20
285 : #982fbc : +30
295 : #b02fbc : +40
305 : #bc2fb0 : +50
315 : #bc2f98 : +60
325 : #bc2f81 : +70
335 : #bc2f6a : +80
345 : #bc2f52 : +90
355 : #bc2f3b : +100
245 : #3b2fbc : -10
246 : #3d2fbc : -9
247 : #3f2fbc : -8
248 : #422fbc : -7
249 : #442fbc : -6
250 : #462fbc : -5
251 : #492fbc : -4
252 : #4b2fbc : -3
253 : #4d2fbc : -2
254 : #502fbc : -1
255 : #522fbc : ±0
256 : #542fbc : +1
257 : #572fbc : +2
258 : #592fbc : +3
259 : #5b2fbc : +4
260 : #5e2fbc : +5
261 : #602fbc : +6
262 : #632fbc : +7
263 : #652fbc : +8
264 : #672fbc : +9
265 : #6a2fbc : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -60
2 : #747378 : -58
4 : #73717a : -56
6 : #726e7c : -54
8 : #716c7f : -52
10 : #6f6a81 : -50
12 : #6e6783 : -48
14 : #6d6586 : -46
16 : #6c6388 : -44
18 : #6b608a : -42
20 : #6a5e8d : -40
22 : #685b8f : -38
24 : #675991 : -36
26 : #665794 : -34
28 : #655496 : -32
30 : #645298 : -30
32 : #63509b : -28
34 : #614d9d : -26
36 : #604ba0 : -24
38 : #5f49a2 : -22
40 : #5e46a4 : -20
42 : #5d44a7 : -18
44 : #5b42a9 : -16
46 : #5a3fab : -14
48 : #593dae : -12
50 : #583bb0 : -10
52 : #5738b2 : -8
54 : #5636b5 : -6
56 : #5434b7 : -4
58 : #5331b9 : -2
60 : #522fbc : ±0
62 : #512dbe : +2
64 : #502ac0 : +4
66 : #4f28c3 : +6
68 : #4d26c5 : +8
70 : #4c23c7 : +10
72 : #4b21ca : +12
74 : #4a1ecc : +14
76 : #491cce : +16
78 : #481ad1 : +18
80 : #4617d3 : +20
82 : #4515d5 : +22
84 : #4413d8 : +24
86 : #4310da : +26
88 : #420edd : +28
90 : #410cdf : +30
92 : #3f09e1 : +32
94 : #3e07e4 : +34
96 : #3d05e6 : +36
98 : #3c02e8 : +38
100 : #3b00eb : +40
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #040208 : -44
4 : #070410 : -42
6 : #0b0618 : -40
8 : #0e0821 : -38
10 : #120a29 : -36
12 : #150c31 : -34
14 : #190e39 : -32
16 : #1d1041 : -30
18 : #201249 : -28
20 : #241452 : -26
22 : #27165a : -24
24 : #2b1862 : -22
26 : #2e1b6a : -20
28 : #321d72 : -18
30 : #361f7a : -16
32 : #392183 : -14
34 : #3d238b : -12
36 : #402593 : -10
38 : #44279b : -8
40 : #4729a3 : -6
42 : #4b2bab : -4
44 : #4f2db4 : -2
46 : #522fbc : ±0
48 : #5631c4 : +2
50 : #5933cc : +4
52 : #603bce : +6
54 : #6743d0 : +8
56 : #6d4bd2 : +10
58 : #7454d4 : +12
60 : #7a5cd6 : +14
62 : #8164d8 : +16
64 : #886cda : +18
66 : #8e74dc : +20
68 : #957cde : +22
70 : #9c85e0 : +24
72 : #a28de2 : +26
74 : #a995e4 : +28
76 : #af9de7 : +30
78 : #b6a5e9 : +32
80 : #bdadeb : +34
82 : #c3b6ed : +36
84 : #cabeef : +38
86 : #d1c6f1 : +40
88 : #d7cef3 : +42
90 : #ded6f5 : +44
92 : #e4def7 : +46
94 : #ebe7f9 : +48
96 : #f2effb : +50
98 : #f8f7fd : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow