#5a25b6
RGB
赤 | 90 |
---|---|
緑 | 37 |
青 | 182 |
HSL
色相 | 262° |
---|---|
彩度 | 66% |
明度 | 43% |
輝度 | 27% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 90, 緑 = 37, 青 = 182 )
HSL ( 色相 = 262°, 彩度 = 66%, 明度 = 43% )
H : 色相 ( 262° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #b62a25 : -260
12 : #b64225 : -250
22 : #b65a25 : -240
32 : #b67225 : -230
42 : #b68b25 : -220
52 : #b6a325 : -210
62 : #b1b625 : -200
72 : #99b625 : -190
82 : #81b625 : -180
92 : #69b625 : -170
102 : #51b625 : -160
112 : #39b625 : -150
122 : #25b62a : -140
132 : #25b642 : -130
142 : #25b65a : -120
152 : #25b672 : -110
162 : #25b68b : -100
172 : #25b6a3 : -90
182 : #25b1b6 : -80
192 : #2599b6 : -70
202 : #2581b6 : -60
212 : #2569b6 : -50
222 : #2551b6 : -40
232 : #2539b6 : -30
242 : #2a25b6 : -20
252 : #4225b6 : -10
262 : #5a25b6 : ±0
272 : #7225b6 : +10
282 : #8b25b6 : +20
292 : #a325b6 : +30
302 : #b625b1 : +40
312 : #b62599 : +50
322 : #b62581 : +60
332 : #b62569 : +70
342 : #b62551 : +80
352 : #b62539 : +90
252 : #4225b6 : -10
253 : #4525b6 : -9
254 : #4725b6 : -8
255 : #4925b6 : -7
256 : #4c25b6 : -6
257 : #4e25b6 : -5
258 : #5125b6 : -4
259 : #5325b6 : -3
260 : #5625b6 : -2
261 : #5825b6 : -1
262 : #5a25b6 : ±0
263 : #5d25b6 : +1
264 : #5f25b6 : +2
265 : #6225b6 : +3
266 : #6425b6 : +4
267 : #6625b6 : +5
268 : #6925b6 : +6
269 : #6b25b6 : +7
270 : #6e25b6 : +8
271 : #7025b6 : +9
272 : #7225b6 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -66
2 : #6d6b70 : -64
4 : #6c6972 : -62
6 : #6c6774 : -60
8 : #6b6576 : -58
10 : #6b6379 : -56
12 : #6a607b : -54
14 : #6a5e7d : -52
16 : #695c7f : -50
18 : #685a81 : -48
20 : #685884 : -46
22 : #675686 : -44
24 : #675388 : -42
26 : #66518a : -40
28 : #654f8c : -38
30 : #654d8f : -36
32 : #644b91 : -34
34 : #644893 : -32
36 : #634695 : -30
38 : #634497 : -28
40 : #62429a : -26
42 : #61409c : -24
44 : #613d9e : -22
46 : #603ba0 : -20
48 : #6039a2 : -18
50 : #5f37a4 : -16
52 : #5e35a7 : -14
54 : #5e32a9 : -12
56 : #5d30ab : -10
58 : #5d2ead : -8
60 : #5c2caf : -6
62 : #5c2ab2 : -4
64 : #5b27b4 : -2
66 : #5a25b6 : ±0
68 : #5a23b8 : +2
70 : #5921ba : +4
72 : #591fbd : +6
74 : #581dbf : +8
76 : #571ac1 : +10
78 : #5718c3 : +12
80 : #5616c5 : +14
82 : #5614c8 : +16
84 : #5512ca : +18
86 : #550fcc : +20
88 : #540dce : +22
90 : #530bd0 : +24
92 : #5309d3 : +26
94 : #5207d5 : +28
96 : #5204d7 : +30
98 : #5102d9 : +32
100 : #5000db : +34
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -42
3 : #06030d : -40
5 : #0b0415 : -38
7 : #0f061e : -36
9 : #130826 : -34
11 : #170a2f : -32
13 : #1b0b37 : -30
15 : #200d3f : -28
17 : #240f48 : -26
19 : #281050 : -24
21 : #2c1259 : -22
23 : #301461 : -20
25 : #35166a : -18
27 : #391772 : -16
29 : #3d197b : -14
31 : #411b83 : -12
33 : #451d8c : -10
35 : #4a1e94 : -8
37 : #4e209d : -6
39 : #5222a5 : -4
41 : #5624ae : -2
43 : #5a25b6 : ±0
45 : #5f27be : +2
47 : #6329c7 : +4
49 : #672acf : +6
51 : #6c30d5 : +8
53 : #7238d6 : +10
55 : #7841d8 : +12
57 : #7e49da : +14
59 : #8451db : +16
61 : #8a5add : +18
63 : #9062df : +20
65 : #966be1 : +22
67 : #9c73e2 : +24
69 : #a27ce4 : +26
71 : #a884e6 : +28
73 : #ae8de8 : +30
75 : #b495e9 : +32
77 : #ba9eeb : +34
79 : #c0a6ed : +36
81 : #c6afef : +38
83 : #ccb7f0 : +40
85 : #d2c0f2 : +42
87 : #d8c8f4 : +44
89 : #ded0f5 : +46
91 : #e4d9f7 : +48
93 : #eae1f9 : +50
95 : #f0eafb : +52
97 : #f6f2fc : +54
99 : #fcfbfe : +56
CSS入門、作ってます。
text-shadow