#9b45bf
RGB
赤 | 155 |
---|---|
緑 | 69 |
青 | 191 |
HSL
色相 | 282° |
---|---|
彩度 | 49% |
明度 | 51% |
輝度 | 43% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 155, 緑 = 69, 青 = 191 )
HSL ( 色相 = 282°, 彩度 = 49%, 明度 = 51% )
H : 色相 ( 282° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #bf4945 : -280
12 : #bf5d45 : -270
22 : #bf7245 : -260
32 : #bf8645 : -250
42 : #bf9b45 : -240
52 : #bfaf45 : -230
62 : #bbbf45 : -220
72 : #a7bf45 : -210
82 : #92bf45 : -200
92 : #7ebf45 : -190
102 : #6abf45 : -180
112 : #55bf45 : -170
122 : #45bf49 : -160
132 : #45bf5d : -150
142 : #45bf72 : -140
152 : #45bf86 : -130
162 : #45bf9b : -120
172 : #45bfaf : -110
182 : #45bbbf : -100
192 : #45a7bf : -90
202 : #4592bf : -80
212 : #457ebf : -70
222 : #456abf : -60
232 : #4555bf : -50
242 : #4945bf : -40
252 : #5d45bf : -30
262 : #7245bf : -20
272 : #8645bf : -10
282 : #9b45bf : ±0
292 : #af45bf : +10
302 : #bf45bb : +20
312 : #bf45a7 : +30
322 : #bf4592 : +40
332 : #bf457e : +50
342 : #bf456a : +60
352 : #bf4555 : +70
272 : #8645bf : -10
273 : #8845bf : -9
274 : #8a45bf : -8
275 : #8c45bf : -7
276 : #8e45bf : -6
277 : #9045bf : -5
278 : #9245bf : -4
279 : #9445bf : -3
280 : #9645bf : -2
281 : #9845bf : -1
282 : #9b45bf : ±0
283 : #9d45bf : +1
284 : #9f45bf : +2
285 : #a145bf : +3
286 : #a345bf : +4
287 : #a545bf : +5
288 : #a745bf : +6
289 : #a945bf : +7
290 : #ab45bf : +8
291 : #ad45bf : +9
292 : #af45bf : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #838183 : -48
3 : #847e86 : -46
5 : #857c88 : -44
7 : #86798b : -42
9 : #87778d : -40
11 : #887490 : -38
13 : #897292 : -36
15 : #8a6f95 : -34
17 : #8b6d97 : -32
19 : #8c6a9a : -30
21 : #8d689c : -28
23 : #8e659f : -26
25 : #8f63a1 : -24
27 : #9060a4 : -22
29 : #915ea6 : -20
31 : #925ba9 : -18
33 : #9359ab : -16
35 : #9456ae : -14
37 : #9554b0 : -12
39 : #9651b3 : -10
41 : #974fb5 : -8
43 : #984cb8 : -6
45 : #994aba : -4
47 : #9a47bd : -2
49 : #9b45bf : ±0
51 : #9c42c2 : +2
53 : #9d40c4 : +4
55 : #9e3dc7 : +6
57 : #9f3bc9 : +8
59 : #a038cc : +10
61 : #a136ce : +12
63 : #a233d1 : +14
65 : #a331d3 : +16
67 : #a42ed6 : +18
69 : #a52cd8 : +20
71 : #a629db : +22
73 : #a727dd : +24
75 : #a824e0 : +26
77 : #a922e2 : +28
79 : #aa1fe5 : +30
81 : #ab1de7 : +32
83 : #ac1aea : +34
85 : #ad18ec : +36
87 : #ae15ef : +38
89 : #af13f1 : +40
91 : #b010f4 : +42
93 : #b10ef6 : +44
95 : #b20bf9 : +46
97 : #b309fb : +48
99 : #b406fe : +50
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -50
3 : #09040b : -48
5 : #0f0713 : -46
7 : #15091b : -44
9 : #1b0c22 : -42
11 : #220e2a : -40
13 : #281131 : -38
15 : #2e1439 : -36
17 : #341641 : -34
19 : #3a1948 : -32
21 : #401b50 : -30
23 : #461e57 : -28
25 : #4c215f : -26
27 : #522367 : -24
29 : #58266e : -22
31 : #5f2876 : -20
33 : #652b7d : -18
35 : #6b2e85 : -16
37 : #71308d : -14
39 : #773394 : -12
41 : #7d359c : -10
43 : #8338a3 : -8
45 : #893bab : -6
47 : #8f3db3 : -4
49 : #9540ba : -2
51 : #9b45bf : ±0
53 : #9f4cc2 : +2
55 : #a354c4 : +4
57 : #a75cc7 : +6
59 : #ab63ca : +8
61 : #af6bcc : +10
63 : #b372cf : +12
65 : #b77ad1 : +14
67 : #bb82d4 : +16
69 : #bf89d7 : +18
71 : #c491d9 : +20
73 : #c898dc : +22
75 : #cca0de : +24
77 : #d0a8e1 : +26
79 : #d4afe4 : +28
81 : #d8b7e6 : +30
83 : #dcbee9 : +32
85 : #e0c6eb : +34
87 : #e4ceee : +36
89 : #e8d5f1 : +38
91 : #edddf3 : +40
93 : #f1e4f6 : +42
95 : #f5ecf8 : +44
97 : #f9f4fb : +46
99 : #fdfbfe : +48
CSS入門、作ってます。
text-shadow