#1a05d6
RGB
| 赤 | 26 |
|---|---|
| 緑 | 5 |
| 青 | 214 |
HSL
| 色相 | 246° |
|---|---|
| 彩度 | 95% |
| 明度 | 43% |
| 輝度 | 14% |
３桁の色
補色
反転色
RGB ( 赤 = 26, 緑 = 5, 青 = 214 )
HSL ( 色相 = 246°, 彩度 = 95%, 明度 = 43% )
H : 色相 ( 246° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #d61a05 : -240
16 : #d63d05 : -230
26 : #d66005 : -220
36 : #d68205 : -210
46 : #d6a505 : -200
56 : #d6c805 : -190
66 : #c1d605 : -180
76 : #9ed605 : -170
86 : #7cd605 : -160
96 : #59d605 : -150
106 : #36d605 : -140
116 : #13d605 : -130
126 : #05d61a : -120
136 : #05d63d : -110
146 : #05d660 : -100
156 : #05d682 : -90
166 : #05d6a5 : -80
176 : #05d6c8 : -70
186 : #05c1d6 : -60
196 : #059ed6 : -50
206 : #057cd6 : -40
216 : #0559d6 : -30
226 : #0536d6 : -20
236 : #0513d6 : -10
246 : #1a05d6 : ±0
256 : #3d05d6 : +10
266 : #6005d6 : +20
276 : #8205d6 : +30
286 : #a505d6 : +40
296 : #c805d6 : +50
306 : #d605c1 : +60
316 : #d6059e : +70
326 : #d6057c : +80
336 : #d60559 : +90
346 : #d60536 : +100
356 : #d60513 : +110
236 : #0513d6 : -10
237 : #0510d6 : -9
238 : #050cd6 : -8
239 : #0509d6 : -7
240 : #0505d6 : -6
241 : #0905d6 : -5
242 : #0c05d6 : -4
243 : #1005d6 : -3
244 : #1305d6 : -2
245 : #1705d6 : -1
246 : #1a05d6 : ±0
247 : #1e05d6 : +1
248 : #2105d6 : +2
249 : #2505d6 : +3
250 : #2805d6 : +4
251 : #2c05d6 : +5
252 : #2f05d6 : +6
253 : #3305d6 : +7
254 : #3605d6 : +8
255 : #3a05d6 : +9
256 : #3d05d6 : +10
S : 彩度 ( 95% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6d6d6f : -94
3 : #6b6a71 : -92
5 : #696873 : -90
7 : #686675 : -88
9 : #666478 : -86
11 : #64627a : -84
13 : #625f7c : -82
15 : #605d7e : -80
17 : #5f5b80 : -78
19 : #5d5982 : -76
21 : #5b5785 : -74
23 : #595487 : -72
25 : #585289 : -70
27 : #56508b : -68
29 : #544e8d : -66
31 : #524c90 : -64
33 : #514992 : -62
35 : #4f4794 : -60
37 : #4d4596 : -58
39 : #4b4398 : -56
41 : #4a419b : -54
43 : #483f9d : -52
45 : #463c9f : -50
47 : #443aa1 : -48
49 : #4338a3 : -46
51 : #4136a6 : -44
53 : #3f34a8 : -42
55 : #3d31aa : -40
57 : #3c2fac : -38
59 : #3a2dae : -36
61 : #382bb1 : -34
63 : #3629b3 : -32
65 : #3526b5 : -30
67 : #3324b7 : -28
69 : #3122b9 : -26
71 : #2f20bc : -24
73 : #2e1ebe : -22
75 : #2c1bc0 : -20
77 : #2a19c2 : -18
79 : #2817c4 : -16
81 : #2715c6 : -14
83 : #2513c9 : -12
85 : #2310cb : -10
87 : #210ecd : -8
89 : #200ccf : -6
91 : #1e0ad1 : -4
93 : #1c08d4 : -2
95 : #1a05d6 : ±0
97 : #1903d8 : +2
99 : #1701da : +4
L : 明度 ( 43% )
(0%) 暗い ～ 明るい (100%)
1 : #010005 : -42
3 : #02000f : -40
5 : #030119 : -38
7 : #040123 : -36
9 : #06012d : -34
11 : #070137 : -32
13 : #080241 : -30
15 : #09024b : -28
17 : #0a0255 : -26
19 : #0c025e : -24
21 : #0d0368 : -22
23 : #0e0372 : -20
25 : #0f037c : -18
27 : #110386 : -16
29 : #120490 : -14
31 : #13049a : -12
33 : #1404a4 : -10
35 : #1504ae : -8
37 : #1705b8 : -6
39 : #1805c2 : -4
41 : #1905cc : -2
43 : #1a05d6 : ±0
45 : #1c06e0 : +2
47 : #1d06ea : +4
49 : #1e06f4 : +6
51 : #230bf9 : +8
53 : #2c15f9 : +10
55 : #351ff9 : +12
57 : #3e29fa : +14
59 : #4733fa : +16
61 : #503dfa : +18
63 : #5947fa : +20
65 : #6251fb : +22
67 : #6b5bfb : +24
69 : #7465fb : +26
71 : #7d6ffb : +28
73 : #8679fc : +30
75 : #8f83fc : +32
77 : #988dfc : +34
79 : #a197fc : +36
81 : #aaa1fd : +38
83 : #b3aafd : +40
85 : #bcb4fd : +42
87 : #c5befd : +44
89 : #cec8fe : +46
91 : #d7d2fe : +48
93 : #e0dcfe : +50
95 : #e9e6fe : +52
97 : #f2f0ff : +54
99 : #fbfaff : +56
CSS入門、作ってます。
text-shadow