#0247a2
RGB
赤 | 2 |
---|---|
緑 | 71 |
青 | 162 |
HSL
色相 | 214° |
---|---|
彩度 | 98% |
明度 | 32% |
輝度 | 24% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 2, 緑 = 71, 青 = 162 )
HSL ( 色相 = 214°, 彩度 = 98%, 明度 = 32% )
H : 色相 ( 214° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #a20c02 : -210
14 : #a22702 : -200
24 : #a24202 : -190
34 : #a25c02 : -180
44 : #a27702 : -170
54 : #a29202 : -160
64 : #97a202 : -150
74 : #7ca202 : -140
84 : #62a202 : -130
94 : #47a202 : -120
104 : #2ca202 : -110
114 : #12a202 : -100
124 : #02a20c : -90
134 : #02a227 : -80
144 : #02a242 : -70
154 : #02a25c : -60
164 : #02a277 : -50
174 : #02a292 : -40
184 : #0297a2 : -30
194 : #027ca2 : -20
204 : #0262a2 : -10
214 : #0247a2 : ±0
224 : #022ca2 : +10
234 : #0212a2 : +20
244 : #0c02a2 : +30
254 : #2702a2 : +40
264 : #4202a2 : +50
274 : #5c02a2 : +60
284 : #7702a2 : +70
294 : #9202a2 : +80
304 : #a20297 : +90
314 : #a2027c : +100
324 : #a20262 : +110
334 : #a20247 : +120
344 : #a2022c : +130
354 : #a20212 : +140
204 : #0262a2 : -10
205 : #025fa2 : -9
206 : #025ca2 : -8
207 : #025aa2 : -7
208 : #0257a2 : -6
209 : #0254a2 : -5
210 : #0252a2 : -4
211 : #024fa2 : -3
212 : #024ca2 : -2
213 : #024aa2 : -1
214 : #0247a2 : ±0
215 : #0244a2 : +1
216 : #0242a2 : +2
217 : #023fa2 : +3
218 : #023ca2 : +4
219 : #023aa2 : +5
220 : #0237a2 : +6
221 : #0234a2 : +7
222 : #0232a2 : +8
223 : #022fa2 : +9
224 : #022ca2 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -98
2 : #505153 : -96
4 : #4e5155 : -94
6 : #4d5156 : -92
8 : #4b5158 : -90
10 : #49515a : -88
12 : #48505b : -86
14 : #46505d : -84
16 : #45505f : -82
18 : #435060 : -80
20 : #414f62 : -78
22 : #404f64 : -76
24 : #3e4f65 : -74
26 : #3c4f67 : -72
28 : #3b4f68 : -70
30 : #394e6a : -68
32 : #374e6c : -66
34 : #364e6d : -64
36 : #344e6f : -62
38 : #334d71 : -60
40 : #314d72 : -58
42 : #2f4d74 : -56
44 : #2e4d76 : -54
46 : #2c4d77 : -52
48 : #2a4c79 : -50
50 : #294c7a : -48
52 : #274c7c : -46
54 : #264c7e : -44
56 : #244c7f : -42
58 : #224b81 : -40
60 : #214b83 : -38
62 : #1f4b84 : -36
64 : #1d4b86 : -34
66 : #1c4a87 : -32
68 : #1a4a89 : -30
70 : #184a8b : -28
72 : #174a8c : -26
74 : #154a8e : -24
76 : #144990 : -22
78 : #124991 : -20
80 : #104993 : -18
82 : #0f4995 : -16
84 : #0d4896 : -14
86 : #0b4898 : -12
88 : #0a4899 : -10
90 : #08489b : -8
92 : #07489d : -6
94 : #05479e : -4
96 : #0347a0 : -2
98 : #0247a2 : ±0
100 : #0047a3 : +2
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #00040a : -30
4 : #000914 : -28
6 : #000d1e : -26
8 : #001228 : -24
10 : #011632 : -22
12 : #011b3d : -20
14 : #011f47 : -18
16 : #012351 : -16
18 : #01285b : -14
20 : #012c65 : -12
22 : #01316f : -10
24 : #013579 : -8
26 : #013a83 : -6
28 : #013e8d : -4
30 : #024397 : -2
32 : #0247a2 : ±0
34 : #024bac : +2
36 : #0250b6 : +4
38 : #0254c0 : +6
40 : #0259ca : +8
42 : #025dd4 : +10
44 : #0262de : +12
46 : #0266e8 : +14
48 : #026af2 : +16
50 : #036ffc : +18
52 : #0d75fd : +20
54 : #177afd : +22
56 : #2180fd : +24
58 : #2b86fd : +26
60 : #358cfd : +28
62 : #3f91fd : +30
64 : #4997fd : +32
66 : #539dfd : +34
68 : #5da3fd : +36
70 : #68a9fd : +38
72 : #72aefe : +40
74 : #7cb4fe : +42
76 : #86bafe : +44
78 : #90c0fe : +46
80 : #9ac5fe : +48
82 : #a4cbfe : +50
84 : #aed1fe : +52
86 : #b8d7fe : +54
88 : #c2dcfe : +56
90 : #cde2fe : +58
92 : #d7e8ff : +60
94 : #e1eeff : +62
96 : #ebf3ff : +64
98 : #f5f9ff : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow