#3706f9
RGB
| 赤 | 55 |
|---|---|
| 緑 | 6 |
| 青 | 249 |
HSL
| 色相 | 252° |
|---|---|
| 彩度 | 95% |
| 明度 | 50% |
| 輝度 | 19% |
３桁の色
補色
反転色
RGB ( 赤 = 55, 緑 = 6, 青 = 249 )
HSL ( 色相 = 252°, 彩度 = 95%, 明度 = 50% )
H : 色相 ( 252° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #f90e06 : -250
12 : #f93706 : -240
22 : #f95f06 : -230
32 : #f98806 : -220
42 : #f9b006 : -210
52 : #f9d806 : -200
62 : #f1f906 : -190
72 : #c8f906 : -180
82 : #a0f906 : -170
92 : #77f906 : -160
102 : #4ff906 : -150
112 : #27f906 : -140
122 : #06f90e : -130
132 : #06f937 : -120
142 : #06f95f : -110
152 : #06f988 : -100
162 : #06f9b0 : -90
172 : #06f9d8 : -80
182 : #06f1f9 : -70
192 : #06c8f9 : -60
202 : #06a0f9 : -50
212 : #0677f9 : -40
222 : #064ff9 : -30
232 : #0627f9 : -20
242 : #0e06f9 : -10
252 : #3706f9 : ±0
262 : #5f06f9 : +10
272 : #8806f9 : +20
282 : #b006f9 : +30
292 : #d806f9 : +40
302 : #f906f1 : +50
312 : #f906c8 : +60
322 : #f906a0 : +70
332 : #f90677 : +80
342 : #f9064f : +90
352 : #f90627 : +100
242 : #0e06f9 : -10
243 : #1206f9 : -9
244 : #1706f9 : -8
245 : #1b06f9 : -7
246 : #1f06f9 : -6
247 : #2306f9 : -5
248 : #2706f9 : -4
249 : #2b06f9 : -3
250 : #2f06f9 : -2
251 : #3306f9 : -1
252 : #3706f9 : ±0
253 : #3b06f9 : +1
254 : #3f06f9 : +2
255 : #4306f9 : +3
256 : #4706f9 : +4
257 : #4b06f9 : +5
258 : #4f06f9 : +6
259 : #5306f9 : +7
260 : #5706f9 : +8
261 : #5b06f9 : +9
262 : #5f06f9 : +10
S : 彩度 ( 95% )
(0%) 渋い ～ 鮮やか (100%)
1 : #7f7e81 : -94
3 : #7d7c83 : -92
5 : #7c7986 : -90
7 : #7a7788 : -88
9 : #79748b : -86
11 : #77718e : -84
13 : #766f90 : -82
15 : #746c93 : -80
17 : #726a95 : -78
19 : #716798 : -76
21 : #6f659a : -74
23 : #6e629d : -72
25 : #6c609f : -70
27 : #6b5da2 : -68
29 : #695ba4 : -66
31 : #6858a7 : -64
33 : #6655aa : -62
35 : #6553ac : -60
37 : #6350af : -58
39 : #624eb1 : -56
41 : #604bb4 : -54
43 : #5f49b6 : -52
45 : #5d46b9 : -50
47 : #5c44bb : -48
49 : #5a41be : -46
51 : #583ec1 : -44
53 : #573cc3 : -42
55 : #5539c6 : -40
57 : #5437c8 : -38
59 : #5234cb : -36
61 : #5132cd : -34
63 : #4f2fd0 : -32
65 : #4e2dd2 : -30
67 : #4c2ad5 : -28
69 : #4b28d7 : -26
71 : #4925da : -24
73 : #4822dd : -22
75 : #4620df : -20
77 : #451de2 : -18
79 : #431be4 : -16
81 : #4218e7 : -14
83 : #4016e9 : -12
85 : #3e13ec : -10
87 : #3d11ee : -8
89 : #3b0ef1 : -6
91 : #3a0bf4 : -4
93 : #3809f6 : -2
95 : #3706f9 : ±0
97 : #3504fb : +2
99 : #3401fe : +4
L : 明度 ( 50% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -50
2 : #02000a : -48
4 : #040114 : -46
6 : #07011e : -44
8 : #090128 : -42
10 : #0b0132 : -40
12 : #0d023c : -38
14 : #0f0246 : -36
16 : #120250 : -34
18 : #14025a : -32
20 : #160363 : -30
22 : #18036d : -28
24 : #1a0377 : -26
26 : #1d0381 : -24
28 : #1f048b : -22
30 : #210495 : -20
32 : #23049f : -18
34 : #2504a9 : -16
36 : #2705b3 : -14
38 : #2a05bd : -12
40 : #2c05c7 : -10
42 : #2e05d1 : -8
44 : #3006db : -6
46 : #3206e5 : -4
48 : #3506ef : -2
50 : #3706f9 : ±0
52 : #3f10f9 : +2
54 : #471af9 : +4
56 : #4f24f9 : +6
58 : #572efa : +8
60 : #5f38fa : +10
62 : #6742fa : +12
64 : #6f4cfa : +14
66 : #7756fb : +16
68 : #7f60fb : +18
70 : #876afb : +20
72 : #8f74fb : +22
74 : #977efc : +24
76 : #9f88fc : +26
78 : #a792fc : +28
80 : #af9cfc : +30
82 : #b7a5fd : +32
84 : #bfaffd : +34
86 : #c7b9fd : +36
88 : #cfc3fd : +38
90 : #d7cdfe : +40
92 : #dfd7fe : +42
94 : #e7e1fe : +44
96 : #efebfe : +46
98 : #f7f5ff : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow