#5c096d
RGB
| 赤 | 92 |
|---|---|
| 緑 | 9 |
| 青 | 109 |
HSL
| 色相 | 290° |
|---|---|
| 彩度 | 85% |
| 明度 | 23% |
| 輝度 | 18% |
３桁の色
補色
反転色
RGB ( 赤 = 92, 緑 = 9, 青 = 109 )
HSL ( 色相 = 290°, 彩度 = 85%, 明度 = 23% )
H : 色相 ( 290° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #6d0909 : -290
10 : #6d1909 : -280
20 : #6d2a09 : -270
30 : #6d3b09 : -260
40 : #6d4b09 : -250
50 : #6d5c09 : -240
60 : #6d6d09 : -230
70 : #5c6d09 : -220
80 : #4b6d09 : -210
90 : #3b6d09 : -200
100 : #2a6d09 : -190
110 : #196d09 : -180
120 : #096d09 : -170
130 : #096d19 : -160
140 : #096d2a : -150
150 : #096d3b : -140
160 : #096d4b : -130
170 : #096d5c : -120
180 : #096d6d : -110
190 : #095c6d : -100
200 : #094b6d : -90
210 : #093b6d : -80
220 : #092a6d : -70
230 : #09196d : -60
240 : #09096d : -50
250 : #19096d : -40
260 : #2a096d : -30
270 : #3b096d : -20
280 : #4b096d : -10
290 : #5c096d : ±0
300 : #6d096d : +10
310 : #6d095c : +20
320 : #6d094b : +30
330 : #6d093b : +40
340 : #6d092a : +50
350 : #6d0919 : +60
280 : #4b096d : -10
281 : #4d096d : -9
282 : #4f096d : -8
283 : #50096d : -7
284 : #52096d : -6
285 : #54096d : -5
286 : #55096d : -4
287 : #57096d : -3
288 : #59096d : -2
289 : #5a096d : -1
290 : #5c096d : ±0
291 : #5e096d : +1
292 : #5f096d : +2
293 : #61096d : +3
294 : #63096d : +4
295 : #64096d : +5
296 : #66096d : +6
297 : #68096d : +7
298 : #69096d : +8
299 : #6b096d : +9
300 : #6d096d : +10
S : 彩度 ( 85% )
(0%) 渋い ～ 鮮やか (100%)
1 : #3b3a3b : -84
3 : #3c393c : -82
5 : #3d383e : -80
7 : #3d373f : -78
9 : #3e3540 : -76
11 : #3f3441 : -74
13 : #403342 : -72
15 : #413243 : -70
17 : #413145 : -68
19 : #423046 : -66
21 : #432e47 : -64
23 : #442d48 : -62
25 : #442c49 : -60
27 : #452b4a : -58
29 : #462a4c : -56
31 : #47284d : -54
33 : #48274e : -52
35 : #48264f : -50
37 : #492550 : -48
39 : #4a2452 : -46
41 : #4b2353 : -44
43 : #4b2154 : -42
45 : #4c2055 : -40
47 : #4d1f56 : -38
49 : #4e1e57 : -36
51 : #4f1d59 : -34
53 : #4f1c5a : -32
55 : #501a5b : -30
57 : #51195c : -28
59 : #52185d : -26
61 : #53175e : -24
63 : #531660 : -22
65 : #541561 : -20
67 : #551362 : -18
69 : #561263 : -16
71 : #561164 : -14
73 : #571065 : -12
75 : #580f67 : -10
77 : #590d68 : -8
79 : #5a0c69 : -6
81 : #5a0b6a : -4
83 : #5b0a6b : -2
85 : #5c096d : ±0
87 : #5d086e : +2
89 : #5d066f : +4
91 : #5e0570 : +6
93 : #5f0471 : +8
95 : #600372 : +10
97 : #610274 : +12
99 : #610175 : +14
L : 明度 ( 23% )
(0%) 暗い ～ 明るい (100%)
1 : #040005 : -22
3 : #0c010e : -20
5 : #140218 : -18
7 : #1c0321 : -16
9 : #24032a : -14
11 : #2c0434 : -12
13 : #34053d : -10
15 : #3c0647 : -8
17 : #440750 : -6
19 : #4c075a : -4
21 : #540863 : -2
23 : #5c096d : ±0
25 : #640a76 : +2
27 : #6c0a7f : +4
29 : #740b89 : +6
31 : #7c0c92 : +8
33 : #840d9c : +10
35 : #8c0da5 : +12
37 : #940eaf : +14
39 : #9c0fb8 : +16
41 : #a410c1 : +18
43 : #ac10cb : +20
45 : #b411d4 : +22
47 : #bc12de : +24
49 : #c413e7 : +26
51 : #c918ec : +28
53 : #cb21ed : +30
55 : #cd2bee : +32
57 : #cf34ef : +34
59 : #d23eef : +36
61 : #d447f0 : +38
63 : #d650f1 : +40
65 : #d85af2 : +42
67 : #db63f2 : +44
69 : #dd6df3 : +46
71 : #df76f4 : +48
73 : #e180f5 : +50
75 : #e389f5 : +52
77 : #e692f6 : +54
79 : #e89cf7 : +56
81 : #eaa5f8 : +58
83 : #ecaff8 : +60
85 : #eeb8f9 : +62
87 : #f1c2fa : +64
89 : #f3cbfb : +66
91 : #f5d5fc : +68
93 : #f7defc : +70
95 : #f9e7fd : +72
97 : #fcf1fe : +74
99 : #fefaff : +76
CSS入門、作ってます。
text-shadow