#0313ab
RGB
| 赤 | 3 |
|---|---|
| 緑 | 19 |
| 青 | 171 |
HSL
| 色相 | 234° |
|---|---|
| 彩度 | 97% |
| 明度 | 34% |
| 輝度 | 12% |
３桁の色
補色
反転色
RGB ( 赤 = 3, 緑 = 19, 青 = 171 )
HSL ( 色相 = 234°, 彩度 = 97%, 明度 = 34% )
H : 色相 ( 234° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #ab0e03 : -230
14 : #ab2a03 : -220
24 : #ab4603 : -210
34 : #ab6203 : -200
44 : #ab7e03 : -190
54 : #ab9a03 : -180
64 : #a0ab03 : -170
74 : #84ab03 : -160
84 : #68ab03 : -150
94 : #4bab03 : -140
104 : #2fab03 : -130
114 : #13ab03 : -120
124 : #03ab0e : -110
134 : #03ab2a : -100
144 : #03ab46 : -90
154 : #03ab62 : -80
164 : #03ab7e : -70
174 : #03ab9a : -60
184 : #03a0ab : -50
194 : #0384ab : -40
204 : #0368ab : -30
214 : #034bab : -20
224 : #032fab : -10
234 : #0313ab : ±0
244 : #0e03ab : +10
254 : #2a03ab : +20
264 : #4603ab : +30
274 : #6203ab : +40
284 : #7e03ab : +50
294 : #9a03ab : +60
304 : #ab03a0 : +70
314 : #ab0384 : +80
324 : #ab0368 : +90
334 : #ab034b : +100
344 : #ab032f : +110
354 : #ab0313 : +120
224 : #032fab : -10
225 : #032dab : -9
226 : #032aab : -8
227 : #0327ab : -7
228 : #0324ab : -6
229 : #0321ab : -5
230 : #031fab : -4
231 : #031cab : -3
232 : #0319ab : -2
233 : #0316ab : -1
234 : #0313ab : ±0
235 : #0311ab : +1
236 : #030eab : +2
237 : #030bab : +3
238 : #0308ab : +4
239 : #0305ab : +5
240 : #0303ab : +6
241 : #0503ab : +7
242 : #0803ab : +8
243 : #0b03ab : +9
244 : #0e03ab : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #565658 : -96
3 : #545559 : -94
5 : #52535b : -92
7 : #51525d : -90
9 : #4f505f : -88
11 : #4d4f60 : -86
13 : #4b4e62 : -84
15 : #4a4c64 : -82
17 : #484b65 : -80
19 : #464a67 : -78
21 : #444869 : -76
23 : #43476b : -74
25 : #41456c : -72
27 : #3f446e : -70
29 : #3e4370 : -68
31 : #3c4172 : -66
33 : #3a4073 : -64
35 : #383e75 : -62
37 : #373d77 : -60
39 : #353c79 : -58
41 : #333a7a : -56
43 : #31397c : -54
45 : #30377e : -52
47 : #2e367f : -50
49 : #2c3581 : -48
51 : #2a3383 : -46
53 : #293285 : -44
55 : #273186 : -42
57 : #252f88 : -40
59 : #242e8a : -38
61 : #222c8c : -36
63 : #202b8d : -34
65 : #1e2a8f : -32
67 : #1d2891 : -30
69 : #1b2793 : -28
71 : #192594 : -26
73 : #172496 : -24
75 : #162398 : -22
77 : #142199 : -20
79 : #12209b : -18
81 : #101f9d : -16
83 : #0f1d9f : -14
85 : #0d1ca0 : -12
87 : #0b1aa2 : -10
89 : #0a19a4 : -8
91 : #0818a6 : -6
93 : #0616a7 : -4
95 : #0415a9 : -2
97 : #0313ab : ±0
99 : #0112ad : +2
L : 明度 ( 34% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -34
2 : #00010a : -32
4 : #000214 : -30
6 : #00031e : -28
8 : #010528 : -26
10 : #010632 : -24
12 : #01073c : -22
14 : #010846 : -20
16 : #010950 : -18
18 : #010a5a : -16
20 : #020b64 : -14
22 : #020d6f : -12
24 : #020e79 : -10
26 : #020f83 : -8
28 : #02108d : -6
30 : #021197 : -4
32 : #0212a1 : -2
34 : #0313ab : ±0
36 : #0315b5 : +2
38 : #0316bf : +4
40 : #0317c9 : +6
42 : #0318d3 : +8
44 : #0319dd : +10
46 : #041ae7 : +12
48 : #041bf1 : +14
50 : #041dfb : +16
52 : #0e26fb : +18
54 : #182ffb : +20
56 : #2238fc : +22
58 : #2c41fc : +24
60 : #364afc : +26
62 : #4053fc : +28
64 : #4a5cfc : +30
66 : #5465fc : +32
68 : #5e6efd : +34
70 : #6877fd : +36
72 : #7280fd : +38
74 : #7c89fd : +40
76 : #8692fd : +42
78 : #909bfd : +44
80 : #9ba4fd : +46
82 : #a5adfe : +48
84 : #afb7fe : +50
86 : #b9c0fe : +52
88 : #c3c9fe : +54
90 : #cdd2fe : +56
92 : #d7dbfe : +58
94 : #e1e4ff : +60
96 : #ebedff : +62
98 : #f5f6ff : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow