#3808d0
RGB
| 赤 | 56 |
|---|---|
| 緑 | 8 |
| 青 | 208 |
HSL
| 色相 | 254° |
|---|---|
| 彩度 | 93% |
| 明度 | 42% |
| 輝度 | 18% |
３桁の色
補色
反転色
RGB ( 赤 = 56, 緑 = 8, 青 = 208 )
HSL ( 色相 = 254°, 彩度 = 93%, 明度 = 42% )
H : 色相 ( 254° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #cf1507 : -250
14 : #cf3607 : -240
24 : #cf5707 : -230
34 : #cf7807 : -220
44 : #cf9a07 : -210
54 : #cfbb07 : -200
64 : #c1cf07 : -190
74 : #a0cf07 : -180
84 : #7fcf07 : -170
94 : #5ecf07 : -160
104 : #3dcf07 : -150
114 : #1bcf07 : -140
124 : #07cf15 : -130
134 : #07cf36 : -120
144 : #07cf57 : -110
154 : #07cf78 : -100
164 : #07cf9a : -90
174 : #07cfbb : -80
184 : #07c1cf : -70
194 : #07a0cf : -60
204 : #077fcf : -50
214 : #075ecf : -40
224 : #073dcf : -30
234 : #071bcf : -20
244 : #1507cf : -10
254 : #3607cf : ±0
264 : #5707cf : +10
274 : #7807cf : +20
284 : #9a07cf : +30
294 : #bb07cf : +40
304 : #cf07c1 : +50
314 : #cf07a0 : +60
324 : #cf077f : +70
334 : #cf075e : +80
344 : #cf073d : +90
354 : #cf071b : +100
244 : #1507cf : -10
245 : #1807cf : -9
246 : #1b07cf : -8
247 : #1f07cf : -7
248 : #2207cf : -6
249 : #2507cf : -5
250 : #2907cf : -4
251 : #2c07cf : -3
252 : #2f07cf : -2
253 : #3307cf : -1
254 : #3607cf : ±0
255 : #3907cf : +1
256 : #3d07cf : +2
257 : #4007cf : +3
258 : #4307cf : +4
259 : #4707cf : +5
260 : #4a07cf : +6
261 : #4d07cf : +7
262 : #5107cf : +8
263 : #5407cf : +9
264 : #5707cf : +10
S : 彩度 ( 93% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6b6a6c : -92
3 : #69686e : -90
5 : #686670 : -88
7 : #676473 : -86
9 : #666175 : -84
11 : #655f77 : -82
13 : #645d79 : -80
15 : #635b7b : -78
17 : #61597d : -76
19 : #60577f : -74
21 : #5f5582 : -72
23 : #5e5284 : -70
25 : #5d5086 : -68
27 : #5c4e88 : -66
29 : #5b4c8a : -64
31 : #594a8c : -62
33 : #58488e : -60
35 : #574691 : -58
37 : #564393 : -56
39 : #554195 : -54
41 : #543f97 : -52
43 : #533d99 : -50
45 : #513b9b : -48
47 : #50399d : -46
49 : #4f37a0 : -44
51 : #4e34a2 : -42
53 : #4d32a4 : -40
55 : #4c30a6 : -38
57 : #4b2ea8 : -36
59 : #492caa : -34
61 : #482aac : -32
63 : #4728af : -30
65 : #4625b1 : -28
67 : #4523b3 : -26
69 : #4421b5 : -24
71 : #431fb7 : -22
73 : #411db9 : -20
75 : #401bbb : -18
77 : #3f19be : -16
79 : #3e16c0 : -14
81 : #3d14c2 : -12
83 : #3c12c4 : -10
85 : #3b10c6 : -8
87 : #390ec8 : -6
89 : #380cca : -4
91 : #370acd : -2
93 : #3607cf : ±0
95 : #3505d1 : +2
97 : #3403d3 : +4
99 : #3301d5 : +6
L : 明度 ( 42% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -42
2 : #03000a : -40
4 : #050114 : -38
6 : #08011e : -36
8 : #0a0127 : -34
10 : #0d0231 : -32
12 : #0f023b : -30
14 : #120245 : -28
16 : #15034f : -26
18 : #170359 : -24
20 : #1a0462 : -22
22 : #1c046c : -20
24 : #1f0476 : -18
26 : #210580 : -16
28 : #24058a : -14
30 : #270594 : -12
32 : #29069d : -10
34 : #2c06a7 : -8
36 : #2e06b1 : -6
38 : #3107bb : -4
40 : #3307c5 : -2
42 : #3607cf : ±0
44 : #3908d9 : +2
46 : #3b08e2 : +4
48 : #3e09ec : +6
50 : #4009f6 : +8
52 : #4813f6 : +10
54 : #501df7 : +12
56 : #5726f7 : +14
58 : #5f30f8 : +16
60 : #663af8 : +18
62 : #6e44f8 : +20
64 : #764ef9 : +22
66 : #7d58f9 : +24
68 : #8562f9 : +26
70 : #8d6bfa : +28
72 : #9475fa : +30
74 : #9c7ffa : +32
76 : #a389fb : +34
78 : #ab93fb : +36
80 : #b39dfb : +38
82 : #baa6fc : +40
84 : #c2b0fc : +42
86 : #cabafd : +44
88 : #d1c4fd : +46
90 : #d9cefd : +48
92 : #e0d8fe : +50
94 : #e8e1fe : +52
96 : #f0ebfe : +54
98 : #f7f5ff : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow