#04807b
RGB
赤 | 4 |
---|---|
緑 | 128 |
青 | 123 |
HSL
色相 | 178° |
---|---|
彩度 | 94% |
明度 | 26% |
輝度 | 35% |
3桁の色
補色
反転色
RGB ( 赤 = 4, 緑 = 128, 青 = 123 )
HSL ( 色相 = 178°, 彩度 = 94%, 明度 = 26% )
H : 色相 ( 178° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #811504 : -170
18 : #812904 : -160
28 : #813e04 : -150
38 : #815304 : -140
48 : #816804 : -130
58 : #817c04 : -120
68 : #708104 : -110
78 : #5b8104 : -100
88 : #468104 : -90
98 : #328104 : -80
108 : #1d8104 : -70
118 : #088104 : -60
128 : #048115 : -50
138 : #048129 : -40
148 : #04813e : -30
158 : #048153 : -20
168 : #048168 : -10
178 : #04817c : ±0
188 : #047081 : +10
198 : #045b81 : +20
208 : #044681 : +30
218 : #043281 : +40
228 : #041d81 : +50
238 : #040881 : +60
248 : #150481 : +70
258 : #290481 : +80
268 : #3e0481 : +90
278 : #530481 : +100
288 : #680481 : +110
298 : #7c0481 : +120
308 : #810470 : +130
318 : #81045b : +140
328 : #810446 : +150
338 : #810432 : +160
348 : #81041d : +170
358 : #810408 : +180
168 : #048168 : -10
169 : #04816a : -9
170 : #04816c : -8
171 : #04816e : -7
172 : #048170 : -6
173 : #048172 : -5
174 : #048174 : -4
175 : #048176 : -3
176 : #048178 : -2
177 : #04817a : -1
178 : #04817c : ±0
179 : #04817f : +1
180 : #048181 : +2
181 : #047f81 : +3
182 : #047c81 : +4
183 : #047a81 : +5
184 : #047881 : +6
185 : #047681 : +7
186 : #047481 : +8
187 : #047281 : +9
188 : #047081 : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -94
2 : #414444 : -92
4 : #404545 : -90
6 : #3e4646 : -88
8 : #3d4847 : -86
10 : #3c4948 : -84
12 : #3a4a4a : -82
14 : #394c4b : -80
16 : #384d4c : -78
18 : #364e4d : -76
20 : #35504f : -74
22 : #345150 : -72
24 : #325251 : -70
26 : #315452 : -68
28 : #305554 : -66
30 : #2e5655 : -64
32 : #2d5856 : -62
34 : #2c5957 : -60
36 : #2a5a59 : -58
38 : #295b5a : -56
40 : #285d5b : -54
42 : #265e5c : -52
44 : #255f5e : -50
46 : #24615f : -48
48 : #226260 : -46
50 : #216361 : -44
52 : #206562 : -42
54 : #1e6664 : -40
56 : #1d6765 : -38
58 : #1c6966 : -36
60 : #1b6a67 : -34
62 : #196b69 : -32
64 : #186d6a : -30
66 : #176e6b : -28
68 : #156f6c : -26
70 : #14716e : -24
72 : #13726f : -22
74 : #117370 : -20
76 : #107571 : -18
78 : #0f7673 : -16
80 : #0d7774 : -14
82 : #0c7975 : -12
84 : #0b7a76 : -10
86 : #097b78 : -8
88 : #087d79 : -6
90 : #077e7a : -4
92 : #057f7b : -2
94 : #04817c : ±0
96 : #03827e : +2
98 : #01837f : +4
100 : #008580 : +6
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #000a0a : -24
4 : #011413 : -22
6 : #011e1d : -20
8 : #012826 : -18
10 : #023130 : -16
12 : #023b39 : -14
14 : #024543 : -12
16 : #024f4d : -10
18 : #035956 : -8
20 : #036360 : -6
22 : #036d69 : -4
24 : #047773 : -2
26 : #04817c : ±0
28 : #048b86 : +2
30 : #059490 : +4
32 : #059e99 : +6
34 : #05a8a3 : +8
36 : #06b2ac : +10
38 : #06bcb6 : +12
40 : #06c6bf : +14
42 : #06d0c9 : +16
44 : #07dad3 : +18
46 : #07e4dc : +20
48 : #07ede6 : +22
50 : #08f7ef : +24
52 : #12f8f0 : +26
54 : #1bf8f1 : +28
56 : #25f8f1 : +30
58 : #2ff9f2 : +32
60 : #39f9f2 : +34
62 : #43f9f3 : +36
64 : #4df9f4 : +38
66 : #57faf4 : +40
68 : #61faf5 : +42
70 : #6bfaf6 : +44
72 : #74fbf6 : +46
74 : #7efbf7 : +48
76 : #88fbf7 : +50
78 : #92fcf8 : +52
80 : #9cfcf9 : +54
82 : #a6fcf9 : +56
84 : #b0fdfa : +58
86 : #bafdfb : +60
88 : #c4fdfb : +62
90 : #cefdfc : +64
92 : #d7fefc : +66
94 : #e1fefd : +68
96 : #ebfefe : +70
98 : #f5fffe : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow