#91035f
RGB
| 赤 | 145 |
|---|---|
| 緑 | 3 |
| 青 | 95 |
HSL
| 色相 | 321° |
|---|---|
| 彩度 | 96% |
| 明度 | 29% |
| 輝度 | 22% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 145, 緑 = 3, 青 = 95 )
HSL ( 色相 = 321°, 彩度 = 96%, 明度 = 29% )
H : 色相 ( 321° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #910503 : -320
11 : #911d03 : -310
21 : #913503 : -300
31 : #914c03 : -290
41 : #916403 : -280
51 : #917c03 : -270
61 : #8f9103 : -260
71 : #779103 : -250
81 : #5f9103 : -240
91 : #489103 : -230
101 : #309103 : -220
111 : #189103 : -210
121 : #039105 : -200
131 : #03911d : -190
141 : #039135 : -180
151 : #03914c : -170
161 : #039164 : -160
171 : #03917c : -150
181 : #038f91 : -140
191 : #037791 : -130
201 : #035f91 : -120
211 : #034891 : -110
221 : #033091 : -100
231 : #031891 : -90
241 : #050391 : -80
251 : #1d0391 : -70
261 : #350391 : -60
271 : #4c0391 : -50
281 : #640391 : -40
291 : #7c0391 : -30
301 : #91038f : -20
311 : #910377 : -10
321 : #91035f : ±0
331 : #910348 : +10
341 : #910330 : +20
351 : #910318 : +30
311 : #910377 : -10
312 : #910375 : -9
313 : #910372 : -8
314 : #910370 : -7
315 : #91036d : -6
316 : #91036b : -5
317 : #910369 : -4
318 : #910366 : -3
319 : #910364 : -2
320 : #910362 : -1
321 : #91035f : ±0
322 : #91035d : +1
323 : #91035b : +2
324 : #910358 : +3
325 : #910356 : +4
326 : #910353 : +5
327 : #910351 : +6
328 : #91034f : +7
329 : #91034c : +8
330 : #91034a : +9
331 : #910348 : +10
S : 彩度 ( 96% )
(0%) 渋い ～ 鮮やか (100%)
0 : #494949 : -96
2 : #4b484a : -94
4 : #4d474b : -92
6 : #4e464b : -90
8 : #50444c : -88
10 : #51434c : -86
12 : #53414d : -84
14 : #54404d : -82
16 : #563e4d : -80
18 : #573d4e : -78
20 : #593b4e : -76
22 : #5a3a4f : -74
24 : #5c384f : -72
26 : #5d3750 : -70
28 : #5f3550 : -68
30 : #603451 : -66
32 : #623251 : -64
34 : #633151 : -62
36 : #652f52 : -60
38 : #662e52 : -58
40 : #682c53 : -56
42 : #692b53 : -54
44 : #6a2954 : -52
46 : #6c2854 : -50
48 : #6d2655 : -48
50 : #6f2555 : -46
52 : #702355 : -44
54 : #722256 : -42
56 : #732156 : -40
58 : #751f57 : -38
60 : #761e57 : -36
62 : #781c58 : -34
64 : #791b58 : -32
66 : #7b1959 : -30
68 : #7c1859 : -28
70 : #7e1659 : -26
72 : #7f155a : -24
74 : #81135a : -22
76 : #82125b : -20
78 : #84105b : -18
80 : #850f5c : -16
82 : #870d5c : -14
84 : #880c5d : -12
86 : #8a0a5d : -10
88 : #8b095d : -8
90 : #8d075e : -6
92 : #8e065e : -4
94 : #8f045f : -2
96 : #91035f : ±0
98 : #920160 : +2
100 : #940060 : +4
L : 明度 ( 29% )
(0%) 暗い ～ 明るい (100%)
1 : #050003 : -28
3 : #0f000a : -26
5 : #190110 : -24
7 : #230117 : -22
9 : #2d011e : -20
11 : #370124 : -18
13 : #41012b : -16
15 : #4b0231 : -14
17 : #550238 : -12
19 : #5f023e : -10
21 : #690245 : -8
23 : #73024c : -6
25 : #7d0352 : -4
27 : #870359 : -2
29 : #91035f : ±0
31 : #9b0366 : +2
33 : #a5036c : +4
35 : #af0473 : +6
37 : #b9047a : +8
39 : #c30480 : +10
41 : #cd0487 : +12
43 : #d7048d : +14
45 : #e10594 : +16
47 : #eb059a : +18
49 : #f505a1 : +20
51 : #fa0aa6 : +22
53 : #fa14aa : +24
55 : #fa1ead : +26
57 : #fb28b1 : +28
59 : #fb32b5 : +30
61 : #fb3cb8 : +32
63 : #fb46bc : +34
65 : #fb50bf : +36
67 : #fc5ac3 : +38
69 : #fc64c7 : +40
71 : #fc6eca : +42
73 : #fc78ce : +44
75 : #fc82d2 : +46
77 : #fd8cd5 : +48
79 : #fd96d9 : +50
81 : #fda0dd : +52
83 : #fdaae0 : +54
85 : #fdb4e4 : +56
87 : #febee7 : +58
89 : #fec8eb : +60
91 : #fed2ef : +62
93 : #fedcf2 : +64
95 : #fee6f6 : +66
97 : #fff0fa : +68
99 : #fffafd : +70
CSS入門、作ってます。
text-shadow