#031f91
RGB
赤 | 3 |
---|---|
緑 | 31 |
青 | 145 |
HSL
色相 | 228° |
---|---|
彩度 | 96% |
明度 | 29% |
輝度 | 14% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 3, 緑 = 31, 青 = 145 )
HSL ( 色相 = 228°, 彩度 = 96%, 明度 = 29% )
H : 色相 ( 228° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #911603 : -220
18 : #912e03 : -210
28 : #914503 : -200
38 : #915d03 : -190
48 : #917503 : -180
58 : #918c03 : -170
68 : #7e9103 : -160
78 : #669103 : -150
88 : #4f9103 : -140
98 : #379103 : -130
108 : #1f9103 : -120
118 : #089103 : -110
128 : #039116 : -100
138 : #03912e : -90
148 : #039145 : -80
158 : #03915d : -70
168 : #039175 : -60
178 : #03918c : -50
188 : #037e91 : -40
198 : #036691 : -30
208 : #034f91 : -20
218 : #033791 : -10
228 : #031f91 : ±0
238 : #030891 : +10
248 : #160391 : +20
258 : #2e0391 : +30
268 : #450391 : +40
278 : #5d0391 : +50
288 : #750391 : +60
298 : #8c0391 : +70
308 : #91037e : +80
318 : #910366 : +90
328 : #91034f : +100
338 : #910337 : +110
348 : #91031f : +120
358 : #910308 : +130
218 : #033791 : -10
219 : #033591 : -9
220 : #033291 : -8
221 : #033091 : -7
222 : #032e91 : -6
223 : #032b91 : -5
224 : #032991 : -4
225 : #032691 : -3
226 : #032491 : -2
227 : #032291 : -1
228 : #031f91 : ±0
229 : #031d91 : +1
230 : #031b91 : +2
231 : #031891 : +3
232 : #031691 : +4
233 : #031491 : +5
234 : #031191 : +6
235 : #030f91 : +7
236 : #030c91 : +8
237 : #030a91 : +9
238 : #030891 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #494949 : -96
2 : #48494b : -94
4 : #47484d : -92
6 : #46474e : -90
8 : #444650 : -88
10 : #434651 : -86
12 : #414553 : -84
14 : #404454 : -82
16 : #3e4356 : -80
18 : #3d4257 : -78
20 : #3b4159 : -76
22 : #3a405a : -74
24 : #383f5c : -72
26 : #373e5d : -70
28 : #353e5f : -68
30 : #343d60 : -66
32 : #323c62 : -64
34 : #313b63 : -62
36 : #2f3a65 : -60
38 : #2e3966 : -58
40 : #2c3868 : -56
42 : #2b3769 : -54
44 : #29366a : -52
46 : #28366c : -50
48 : #26356d : -48
50 : #25346f : -46
52 : #233370 : -44
54 : #223272 : -42
56 : #213173 : -40
58 : #1f3075 : -38
60 : #1e2f76 : -36
62 : #1c2e78 : -34
64 : #1b2e79 : -32
66 : #192d7b : -30
68 : #182c7c : -28
70 : #162b7e : -26
72 : #152a7f : -24
74 : #132981 : -22
76 : #122882 : -20
78 : #102784 : -18
80 : #0f2685 : -16
82 : #0d2687 : -14
84 : #0c2588 : -12
86 : #0a248a : -10
88 : #09238b : -8
90 : #07228d : -6
92 : #06218e : -4
94 : #04208f : -2
96 : #031f91 : ±0
98 : #011e92 : +2
100 : #001e94 : +4
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #000105 : -28
3 : #00030f : -26
5 : #010519 : -24
7 : #010823 : -22
9 : #010a2d : -20
11 : #010c37 : -18
13 : #010e41 : -16
15 : #02104b : -14
17 : #021255 : -12
19 : #02155f : -10
21 : #021769 : -8
23 : #021973 : -6
25 : #031b7d : -4
27 : #031d87 : -2
29 : #031f91 : ±0
31 : #03229b : +2
33 : #0324a5 : +4
35 : #0426af : +6
37 : #0428b9 : +8
39 : #042ac3 : +10
41 : #042ccd : +12
43 : #042ed7 : +14
45 : #0531e1 : +16
47 : #0533eb : +18
49 : #0535f5 : +20
51 : #0a3afa : +22
53 : #1442fa : +24
55 : #1e4afa : +26
57 : #2852fb : +28
59 : #325afb : +30
61 : #3c62fb : +32
63 : #466afb : +34
65 : #5072fb : +36
67 : #5a7afc : +38
69 : #6482fc : +40
71 : #6e8afc : +42
73 : #7892fc : +44
75 : #829bfc : +46
77 : #8ca3fd : +48
79 : #96abfd : +50
81 : #a0b3fd : +52
83 : #aabbfd : +54
85 : #b4c3fd : +56
87 : #becbfe : +58
89 : #c8d3fe : +60
91 : #d2dbfe : +62
93 : #dce3fe : +64
95 : #e6ebfe : +66
97 : #f0f3ff : +68
99 : #fafbff : +70
CSS入門、作ってます。
text-shadow