#2646ee
RGB
赤 | 38 |
---|---|
緑 | 70 |
青 | 238 |
HSL
色相 | 230° |
---|---|
彩度 | 85% |
明度 | 54% |
輝度 | 31% |
3桁の色
補色
反転色
RGB ( 赤 = 38, 緑 = 70, 青 = 238 )
HSL ( 色相 = 230°, 彩度 = 85%, 明度 = 54% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ed2626 : -230
10 : #ed4726 : -220
20 : #ed6826 : -210
30 : #ed8a26 : -200
40 : #edab26 : -190
50 : #edcc26 : -180
60 : #eded26 : -170
70 : #cced26 : -160
80 : #abed26 : -150
90 : #8aed26 : -140
100 : #68ed26 : -130
110 : #47ed26 : -120
120 : #26ed26 : -110
130 : #26ed47 : -100
140 : #26ed68 : -90
150 : #26ed8a : -80
160 : #26edab : -70
170 : #26edcc : -60
180 : #26eded : -50
190 : #26cced : -40
200 : #26abed : -30
210 : #268aed : -20
220 : #2668ed : -10
230 : #2647ed : ±0
240 : #2626ed : +10
250 : #4726ed : +20
260 : #6826ed : +30
270 : #8a26ed : +40
280 : #ab26ed : +50
290 : #cc26ed : +60
300 : #ed26ed : +70
310 : #ed26cc : +80
320 : #ed26ab : +90
330 : #ed268a : +100
340 : #ed2668 : +110
350 : #ed2647 : +120
220 : #2668ed : -10
221 : #2665ed : -9
222 : #2662ed : -8
223 : #265eed : -7
224 : #265bed : -6
225 : #2658ed : -5
226 : #2655ed : -4
227 : #2651ed : -3
228 : #264eed : -2
229 : #264bed : -1
230 : #2647ed : ±0
231 : #2644ed : +1
232 : #2641ed : +2
233 : #263ded : +3
234 : #263aed : +4
235 : #2637ed : +5
236 : #2633ed : +6
237 : #2630ed : +7
238 : #262ded : +8
239 : #2629ed : +9
240 : #2626ed : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #89898b : -84
3 : #86878d : -82
5 : #848690 : -80
7 : #818492 : -78
9 : #7f8394 : -76
11 : #7d8197 : -74
13 : #7a8099 : -72
15 : #787e9b : -70
17 : #767c9e : -68
19 : #737ba0 : -66
21 : #7179a2 : -64
23 : #6f78a5 : -62
25 : #6c76a7 : -60
27 : #6a75a9 : -58
29 : #6873ac : -56
31 : #6571ae : -54
33 : #6370b0 : -52
35 : #616eb3 : -50
37 : #5e6db5 : -48
39 : #5c6bb7 : -46
41 : #5a6aba : -44
43 : #5768bc : -42
45 : #5567be : -40
47 : #5365c1 : -38
49 : #5063c3 : -36
51 : #4e62c6 : -34
53 : #4c60c8 : -32
55 : #495fca : -30
57 : #475dcd : -28
59 : #445ccf : -26
61 : #425ad1 : -24
63 : #4058d4 : -22
65 : #3d57d6 : -20
67 : #3b55d8 : -18
69 : #3954db : -16
71 : #3652dd : -14
73 : #3451df : -12
75 : #324fe2 : -10
77 : #2f4de4 : -8
79 : #2d4ce6 : -6
81 : #2b4ae9 : -4
83 : #2849eb : -2
85 : #2647ed : ±0
87 : #2446f0 : +2
89 : #2144f2 : +4
91 : #1f43f4 : +6
93 : #1d41f7 : +8
95 : #1a3ff9 : +10
97 : #183efb : +12
99 : #163cfe : +14
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #010209 : -52
4 : #020413 : -50
6 : #02071c : -48
8 : #030926 : -46
10 : #040b2f : -44
12 : #050d39 : -42
14 : #050f42 : -40
16 : #06124b : -38
18 : #071455 : -36
20 : #08165e : -34
22 : #081868 : -32
24 : #091b71 : -30
26 : #0a1d7b : -28
28 : #0b1f84 : -26
30 : #0b218e : -24
32 : #0c2397 : -22
34 : #0d26a0 : -20
36 : #0e28aa : -18
38 : #0f2ab3 : -16
40 : #0f2cbd : -14
42 : #102ec6 : -12
44 : #1131d0 : -10
46 : #1233d9 : -8
48 : #1235e2 : -6
50 : #1337ec : -4
52 : #1d3fed : -2
54 : #2647ed : ±0
56 : #2f4fee : +2
58 : #3957ef : +4
60 : #425ff0 : +6
62 : #4c67f0 : +8
64 : #556ff1 : +10
66 : #5f77f2 : +12
68 : #687ff3 : +14
70 : #7187f4 : +16
72 : #7b8ff4 : +18
74 : #8497f5 : +20
76 : #8e9ff6 : +22
78 : #97a7f7 : +24
80 : #a1aff7 : +26
82 : #aab7f8 : +28
84 : #b4bff9 : +30
86 : #bdc7fa : +32
88 : #c6cffa : +34
90 : #d0d7fb : +36
92 : #d9dffc : +38
94 : #e3e7fd : +40
96 : #eceffd : +42
98 : #f6f7fe : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow